Thanks for reply Raul, I have tested if I don't use *-fluid its not pulling remaining spans into same line, if I use pull-right it will bring remaining object into right but top will be aligned to previous object's bottom.
Can I make sure that at 1366px res all objects are taking 940px maximum and center aligned? Thanks SZ On Thursday, March 28, 2013 8:55:47 PM UTC+5, Raul Matei wrote: > > Hi, > > 1. You don't really have to use *-fluid for a responsive site, but be sure > that bootstrap responsive css is included in your HTML HEAD. > 2. Bootstrap has a 940px default container, if you use Bootstrap > responsive styles on bigger screens this become wider but it is simple to > override the responsive @media queries and keep it at 940px for those > screens. > 3. Don't use container-fuid / row-fluid but use container and row. > > Hope it helps. > > > > On Thu, Mar 28, 2013 at 5:07 PM, Sheikh Zahid <[email protected]<javascript:> > > wrote: > >> Hi, I am a designer migrating to BS and downloaded a latest version of >> BS, My design is based on 4 horizontal strips touching to borders of >> browser but inside content should be of some certain width, I need to know >> how much width it should be so I can convert my design to that and I never >> know how can I put my content to center, I think its automatically making >> 1329px on my 1366 width display. >> >> *1*. Is it necessary to make design for maximum available size and its >> responsive? >> *2*. If I design my website something around 960px, can I make it >> responsive? >> *3*. what classes I need to use? >> >> *Here is some possible code for my design.* >> <div class="container-fluid"> >> <div class="row-fluid light-grey-background"> >> <div class="span12">(must be some specific width and centralized) >> MY header >> </div> >> </div> >> <div class="row-fluid light-blue-background"> >> <div class="span12 my-herounit center-aligned width960"> >> My Hero unit >> </div> >> </div> >> <div class="row-fluid"> >> <div class="span4"> >> 3 units of span4 >> .... >> </div> >> </div> >> <div class="footer myfooter-fullwidth-background"> >> My footer here >> </div> >> </div> >> >> -- >> 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] <javascript:>. >> For more options, visit https://groups.google.com/groups/opt_out. >> >> >> > > > > -- > Raul Matei > +40741351728 > -- 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.
