• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Button kommt nicht zur Anzeige

M

mitch26

Neues Mitglied
Nabend,

ich möchte mittels folgendem Code ein einklappbares Menü anzeigen:

HTML: 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js">
</script>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <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>
        <a class="navbar-brand text-muted" href="#">SONSTIGES</a>

        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a href="#">HOME</a>
                </li>
                <li><a href="#">ABOUT</a>
                </li>
                <li class="dropdown">
                <a data-toggle="dropdown" data-target="#">Dropen
                <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">1.</a>
                        </li>
                        <li><a href="#">2.</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="#">3.</a>
                        </li>
                    </ul>
                </li>
               
            </ul>
        </div>
    </div>
</div>
</body>
</html>

Leider bekommen ich den Button aus der Zeile:
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
nicht angezeigt. Es gibt auch keine Fehlermeldung.

Was mache ich da falsch?

danke für die Hilfe.

mitch
 
Spicelab schrieb:
Dir ist bewusst, dass der Button des sog. "Hamburger Menüs" erst ....
Zum Vergrößern anklicken....
Und ihm ist sicher auch bewusst, dass er wegen
HTML: 
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
eine Kopie von jquery-1.11.0.min.js auf seinem Server im Verzeichnis js haben muss :D, zumindest wenn auch andere Bootstrap-Erweiterungen funktionieren sollen.
 
NetAktiv schrieb:
Und ihm ist sicher auch bewusst, dass er wegen
HTML: 
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
eine Kopie von jquery-1.11.0.min.js auf seinem Server im Verzeichnis js haben muss :D, zumindest wenn auch andere Bootstrap-Erweiterungen funktionieren sollen.
Zum Vergrößern anklicken....
Wie zum Beispiel das Aufklappen der versteckten Navbar-Links über jenen Button :)
Bootstrap schrieb:
Requires JavaScript plugin
If JavaScript is disabled and the viewport is narrow enough that the navbar collapses, it will be impossible to expand the navbar and view the content within the .navbar-collapse.
Zum Vergrößern anklicken....
Zitat-Quelle: http://getbootstrap.com/components/#navbar-default
 
Zuletzt bearbeitet:
Danke für die Hilfe,

ich habe jetzt auf die Datei "jquery-2.2.0.js" verlinkt. Und diese befindet sich auch im angegeben Pfad. Und damit funktioniert es nun.

mitch
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben