[Answer]-Django bootstrap toolkit not responsive. How to force it to be?

1👍

Find here the updated jsfiddle http://jsfiddle.net/4Jqab/1/

<div class="navbar navbar-inverse navbar-fixed-top"  role="navigation">
    <div class="navbar-inner">
        <div class="container-fluid">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
            <a class="brand" href="/"><img src="http://dogspot.dyndns.org/static/lapa_icon.png">dogspot</a>
           <div class="nav-collapse collapse">
            <ul class="nav">
                <li><a href="/dogs" class="">Dogs</a></li>
                <li><a href="">Form</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Forms<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="/dogs/create">create</a></li>
                        <li><a href="/contact">contact</a></li>
                        <li><a href="">Inline</a></li>
                        <li><a href="">Search</a></li>
                        <li><a href="">Using template</a></li>
                    </ul>
                    <li>
                     <form class="navbar-search pull-left" action="">
                      <input type="text" class="search-query span2" placeholder="Search">
                    </form></li>
                        <li><a href="/dogs/create">create</a></li>
                        <li><a href="/contact">contact</a></li>
                <li><a href="">Pagination</a></li>
                <li><a href="">Buttons</a></li>

            </ul>
        </div>
        </div>
    </div>
</div>

A couple of things were missed:

  • A fluid container for the nav
  • You need to specify the collapsible part of the navbar
  • A navbar toggle button

See http://getbootstrap.com/2.3.2/components.html#navbar

Leave a comment