title: Bootstrap - 2 column form layout with fixed textarea height and column ordering
body: <p>i'm trying to build a 2 column form layout in bootstrap with an fixed height textarea on the right. I got it working well on desktop screen with an <code>.pull-right-md</code> (own class) on the textarea box. But in "responsive" mode (on smaller screens) I have the problem with the order of the boxes. I want the textarea to be on the last position when displayed on small screens.. I already tried to solve this problem by ordering the col's with <code>.col-*-pull</code> and <code>.col-*-push</code> classes but it was not working.</p>
  
  <p>Here you can see what I have done so far: <a href="http://www.bootply.com/BBFB4Tt97j" rel="nofollow">http://www.bootply.com/BBFB4Tt97j</a></p>
  
  <p>Do you have any ideas how I could solve this problem?</p>