CODEWITHSUNDEEP
jquerycsstwitter-bootstrap
lyhong
lyhong

Reputation: 947

Make responsive navbar in bootstrap?

Is there any way to make responsive without collapse? I don't want to use collapse, because It hides all menu in a button. I want to keep some lists that aren't affected by screen solution.

Sorry for my explanation. What I want is hide some lists in dropdown, but keep some. Please visit www.plus.google.com for example.

Upvotes: 0

Views: 78

Answers (1)

Kasyx
Kasyx

Reputation: 3200

Yes it is. Lets take basisc navbar example:

<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar" type="button">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a href="#" class="brand">Project name</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#contact">Contact</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

And modify it by deleting <button ... ./> you dont need it. Another thing you should do is remove nav-collapse collapse classes. Finally:

<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">

          <a href="#" class="brand">Project name</a>
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#contact">Contact</a></li>
            </ul>
        </div>
      </div>
    </div>

Upvotes: 2

Related Questions