Navbar toggle in Bootstrap 3 without using 'navbar-default' class

Vote count:

0

I'm trying to make my navigation and footer links collapse into a toggle button when the width is decreased, but without making them have the class 'navbar-default' (that class adds another navigation bar to my navigation bar and makes it look ugly).

Here's an example of my header's navigation HTML:

<div class="header" id="header-container">
    <div class="container" id="header">

            <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-collapse-1"><span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>


        <ul class="nav collapse navbar-collapse nav-pills pull-right" id="header-collapse-1">
          <li><a href="/">Home</a></li>
          <li><a href="/about">About</a></li>
          <li><a href="/img/resume.pdf" target="_blank">Resume</a></li>
          <li><a href="/contact">Contact</a></li>
        </ul>
        <h3>TITLE</h3>
    </div>
</div>

The navigation buttons disappear but no toggle button appears to open the accordion. Please let me know if there is a workaround to get the toggle button to appear.

asked 39 secs ago

Zach

54

Navbar toggle in Bootstrap 3 without using 'navbar-default' class