title: CSS/Bootstrap styling issues
body: <p>I'm trying to configure a content section of my site but I'm having trouble with the bootstrap grid system.</p>
  
  <p>See my bootly example: <a href="http://www.bootply.com/121304" rel="nofollow">http://www.bootply.com/121304</a></p>
  
  <p>In my website design, i use a column-lg-3 and a column-lg-9 within a row class. To serve as a Help section and Content Area. In the content area on the majority of my pages, i use the whole column-lg-9. However in a few of my pages, i use horizontally aligned forms, such as login page (dont know ajax to get login modal working..) and input forms. On the pages with the input forms i wish to keep the column-lg-9 at its proper size, but have the login/input fields centered into it.</p>
  
  <p>I have attempted to do this with a small amount of success, after reading some of the bootstrap documentation, by adding 3 column-lg-3's inside of the column-lg-9. As you can see in my bootply example, this has not fully centered the login form inside of the larger column, and ideally I would also like to center this form inside its parent column.</p>