You want this: <div class="container"> <div class="row"> <div class="span4"></div> <div class="span4"></div> <div class="span4"></div> </div> </div>
Without the row there will be a left margin on each span div causing the three span4s not to fit on one line On Friday, January 25, 2013 3:49:49 AM UTC-6, Ricky Xu wrote: > > I tried following your advice, but still not working, html code is like > following: > > <div class="span4"> > main content > </div> > <div class="span4 pull-left"> > left sidebar > </div> > <div class="span4 pull-right"> > right sidebar > </div> > > the result is still: the main content in the left, left sidebar in the > center, right sidebar in the right > > 在 2012年10月3日星期三UTC+8下午8时32分53秒，iange87写道： >> >> Yes, you can do that. Give each column the class "span4" then for the >> left bar add "pull-left" and the right add "pull-right" which should give >> you the look you're after. >> >> On Monday, October 1, 2012 3:00:31 PM UTC+1, Bill Weye wrote: >>> >>> I'm trying to retro fit a current site into a responsive bootstrap site. >>> It has 3 columns that is source ordered (the main, middle column is at the >>> top of the source code because the sidebars are floated left and right). >>> So, can I do this with bootstrap? >>> >>> Thanks for your help. >>> >> -- 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.
