apply display: inline-block; and remove the width think you may need some additional work (js) for ie browsers - check the less source and look at .help-inline it may be of help - but I have not looked into it
- S On 9 February 2012 21:57, tom12010 <[email protected]> wrote: > Thank you...this works -- but the menu is automatically generated and > its width could change whenever someone (not me) adds a new page to > the site. > How does one plan and account for changing list size with this > method?? Is there another way??? > Normally one can easily center a list of links and not have to worry > about its size changing -- not with Bootstrap tho. > nav is also a class declared in bootstrap... > Thank you, Tom > > On Feb 9, 4:43 pm, Sam Sherlock <[email protected]> wrote: > > > <ul class="nav nav-tabs" style="width: 600px; margin-left: auto; > > margin-right: auto"> > > <li class="active"><a href="#">Home</a></li> > > <li><a href="#">Profile</a></li> > > <li><a href="#">Messages</a></li> > > </ul> > > > > by default the nav will expand to the full available width > > > > - S > > > > On 9 February 2012 21:27, tom12010 <[email protected]> wrote: > > > > > Centering a nav list is easy to do usually... > > > > > However, applying text-align:center doesn't cause the nav-pills > > > content to center...why?? > > > > > I can write other/different css/list code but I'd really puzzled by > > > this -- nothing in the css indicates that nav or nav-pills can't be > > > centered in the browser window. > > > > > Thank you, Tom >
