*Fluid* doesn't always mean *Responsive*. Try including the file *bootstrap-responsive.css* in the next line under *bootstrap.css *in the <head>
<head> <link ref="http://twitter.github.com/bootstrap/assets/css/*bootstrap.css*"; rel="stylesheet"> <link ref="http://twitter.github.com/bootstrap/assets/css/* bootstrap-responsive.css*" rel="stylesheet"> </head> Then your navigation will change when the screens viewport gets smaller. Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936 On 4 November 2012 02:40, Fabio Reis <fabioreisara...@gmail.com> wrote: > The problem is the second div with span12 and navbar. > The align not align correctly on left > If i remove div with row-fluid it's work, but i need the responsive > navigation > > Em sábado, 3 de novembro de 2012 17h56min59s UTC-3, Phil Doughty escreveu: >> >> To remove the broken horizontal scroll bar, >> You could try wrapping the 2ns span12 in a div *container*: >> >> <div class="row-fluid"> <div class="span12"> <a href="#"><img >> src="../images/logo.jpg"></a> </div> >> <div class="*container*"> <div class="span12"> <div class="navbar >> navbar-static-top"> <div class="navbar-inner"> <div class="container"> <a >> class="brand" href="#">Title</a> <ul class="nav"> <li class="active"><a >> href="#">Home</a></li> <li><a href="#">Link</a></li> <li><a >> href="#">Link</a></li> >> </ul> </div> </div> </div> </div> *</div>* *<!-- /container -->* </div> >> <!-- /row-fluid --> >> >> Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936 >> >> >> >> >> >> On 4 November 2012 00:38, Fabio Reis <fabiore...@gmail.com> wrote: >> >>> Hello! >>> >>> I'd like put my logo before nav-bar >>> >>> <div class="row-fluid"> >>> <div class="span12"> >>> <a href="#"><img src="../images/logo.jpg"></a> >>> </div> >>> <div class="span12"> >>> <div class="navbar navbar-static-top"> >>> <div class="navbar-inner"> >>> <div class="container"> >>> <a class="brand" href="#">Title</a> >>> <ul class="nav"> >>> <li class="active"><a href="#">Home</a></li> >>> <li><a href="#">Link</a></li> >>> <li><a href="#">Link</a></li> >>> </ul> >>> </div> >>> </div> >>> </div> >>> </div> >>> >>> >> > >
