title: Bootstrap two column layout - align fields in nested column with text area
body: <p>Forgive me, I'm rather new to Bootstrap 3.  </p>
  
  <p>What is the best way to achieve the proposed layout using Bootstrap 3's grid 24 CSS? In particular, the text area (Project Description) and the fields in the nested column to its right (Reason Code, Priority, and Class) are proving to be a challenge. I don't think I quite understand how column and field widths are inherited in the grid.  </p>
  
  <p>See <a href="http://www.bootply.com/VnJKdVYXPd" rel="nofollow noreferrer">BootPly</a> for an example, aligning the Reason Code, Priority, and Class fields as closely as I could, which obviously needs a bit of tweaking.</p>
  
  <p><a href="https://i.stack.imgur.com/Rb0PF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Rb0PF.png" alt="enter image description here"></a></p>