Hi Guys, I'm trying to achieve this kind of layout in bootstrap 3 with a form-horizontal i.e. labels to the side
It worked perfectly in older bootstrap because the form grouping and labels etc were fixed width but now that they'll inherit their width from their parent columns it breaks the layout.. Just wondering if this is possible where the labels down the left all line up even if the 2nd row is 2 columns: If you have a col-lg12 for the top row and then 2 col-lg6's for the second row.. the labels then don't line up if you specify their col-lg-3 for example: <div class="col-lg-12"> <label class="col-lg-3">moo</label><div class="col-lg-9"><input type="text></div> </div> <div class="col-lg-6"> <label class="col-lg-3">moo</label><div class="col-lg-9"><input type="text></div> </div> <div class="col-lg-6"> <label class="col-lg-3">moo</label><div class="col-lg-9"><input type="text></div> </div> because their overall width has changed because they're nested inside a col-lg-6 and that overall available width is different than the 12 above.. http://jsfiddle.net/52VtD/52/ See here for an older example (we did something different but this guy's example is close to how it all used to work) http://limcheekin.blogspot.com.au/2012/08/twitter-bootstrap-multiple-columns-form.html Thanks, Tom -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
