Twitter Bootstrap-Nav Zuklappen nicht richtig funktioniert

im mit twitter bootstrap für meine reaktionsschnell Weg, ich möchte der Nav wird zu einer Schaltfläche, wenn Sie Blick auf auf mobile, die Taste für kleinen Bildschirm zeigt, aber wenn ich darauf klicken, es tut nicht schieben Sie, um zu zeigen, mein Anker hier meine codes

<header class="navbar navbar-static-top marginTop">
    <div class=" col-md-6 ">
        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#bs-example-navbar-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>
        <img src="http://localhost/wordpress/wp-content/uploads/2014/03/logo.png" alt="" />
    </div>

    <div class="col-md-6">
        <nav class="collapse navbar-collapse marginTopInNavBar">
            <ul class="nav navbar-nav parentUl text-center floatLeft" >
                <li class="dropdown parentNavLi floatLeft">
                    <a href="#" class="parentNavA floatLeft" id="first">Compare Prices</a>
                    <img src="http://localhost/wordpress/wp-content/uploads/2014/03/shadowNav.png" alt="" />
                </li>

                <li class="dropdown parentNavLi floatLeft">
                    <a href="#" data-toggle="dropdown" class="dropdown-toggle parentNavA floatLeft">Buying Guides</a>
                    <img src="http://localhost/wordpress/wp-content/uploads/2014/03/shadowNav.png" alt="" />
                    <ul class="dropdown-menu childUl text-left floatLeft" id="menu1">
                        <li class="childLi"><a href="#" class="childA">Guide 1</a></li>
                        <li class="divider"></li>
                        <li class="childLi"><a href="#" class="childA">Guide 2</a></li>
                        <li class="divider"></li>
                        <li class="childLi"><a href="#" class="childA">Guide 3</a></li>
                        <li class="divider"></li>
                        <li class="childLi"><a href="#" class="childA">Guide 4</a></li>
                    </ul>
                </li>
                <li class="dropdown parentNavLi floatLeft">
                    <a href="#" class="parentNavA floatLeft">POS Type</a>
                        <img src="http://localhost/wordpress/wp-content/uploads/2014/03/shadowNav.png" alt="" />
                </li>
                <li class="dropdown parentNavLi floatLeft">
                    <a href="#" class="parentNavA floatLeft" id="last">Find Dealer</a>
                </li>
            </ul>
        </nav>
    </div>
</header>

Danke für die Hilfe!

InformationsquelleAutor albert Daracan | 2014-03-04
  1. 7

    Versuchen, diese an der Spitze:

    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
</button>

    Außerdem fügen Sie diesen unten auf der Seite vor dem schließenden tag

    <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
    • Lassen Sie mich wissen, ob das hilft
    • btw.. warum Sie die <span class="sr-only" - >Toggle navigation</span> und ändern Sie die data-target="#bs-example-navbar-collapse-1"
    • Sie brauchen nicht, dass ein Teil des Codes, und ich bin froh, dass es funktioniert!
    InformationsquelleAutor Peter
  2. 6

    Nav Kollabieren wird, funktioniert nur, wenn Sie die jquery-Bibliothek in Eure html-Dateien.fügen Sie diese zu Ihrem index.html und andere Seiten vor </body> tag

    <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
    InformationsquelleAutor Coderapper
Schreibe einen Kommentar