Navbar collapse not finished ?

[ptop100]

Hello community..
as i was researching in the bootstrap theme, i noticed that the fixed navbar is supposed to have "collapse" button, but its nowhere
any tuts/help how to activate it (or make it visible) ?

if no, ill have to find out on the harder way (experiment..test..experiment..test.....)
cheers

 

[Basti]

If you mean with collapse, a button which acts as dropdown ( showing box with more links ), then yes it do has one.
Just to point out, i noticed Mark set a different skin ( premium skin to come ) as the preview for the bootstrap theme. That is not the bootstrap theme in case you look for features there.

The bootstrap theme itself do has it

        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
          </ul>
        </div><!--/.nav-collapse -->

 

[ptop100]

what i meant was this:

  <!-- Fixed navbar -->
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar">1</span>
            <span class="icon-bar">2</span>
            <span class="icon-bar">3</span>
          </button>
          <a class="navbar-brand" href="#">{$list_name} - {$toplist_reset}</a>
        </div>

      </div>
    </div>

it is found in bootstrap theme, in wrapper.html

i cant find a way to make that fixed navbar to be able to collapse with button
the row:

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

clearly says that there should have button to toggle the navbar, but...

 

[Basti]

Ohh you are misunderstanding that part. That stuff is hidden for dektop browsers and becomes visible for mobile view, since having many nav links aint look good there.
Resize your browser to be really small width and you will see how that part functions.

If you do want to have that button always visible, you need to change how bootstrap behaves. Quick google showed this: http://stackoverflow.com/questions/...how-collapsed-navigation-for-all-screen-sizes

 

[ptop100]

oh thanks alot.. my bad than
Also was wondering, how to change the height of the fixed navbar ?
is it related to the font size maybe ?
because i cant find nothing related to that in the css files.

 

[Basti]

I would increase the line-height of the menu items and the brand. Place this into your user.css
Default was 20px

.navbar-brand {
    line-height: 30px;
}
.navbar-nav>li>a {
    line-height: 30px;
}