Bootstrap navbar collapse funktioniert nicht

Guter Tag für alle, ich werde versuchen, heute Twitter bootstrap. Und fügen Sie die Standard-Navigationsleiste in meine Seite, nur copy/paste von HIER Wenn ich browser size zeigt es mir den button aber wenn ich versuche, klicken Sie auf es nichts passieren, meine navbar nicht schieben. Mein Projekt ist asp.net mvc4. Download bootstrap über nuget Pakete in der version 3.0. Stile und Skripte von bootstrap Hinzugefügt in meine Seite.

Jemand das gleiche problem?

Nav bar code

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">
      <img src="~/Content/Images/logo.png" class="img-responsive" />
    </a>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Main</a></li>
      <li><a href="#">Main2</a></li>
      <li><a href="#">Main3</a></li>
      <li><a href="#">Main4</a></li>
    </ul>
  </div>
  <!-- /.navbar-collapse -->
</nav>

Edit: R# markiert navbar-ex1-collapse innen div und sagte, dass diese Klasse gar nicht gibt

  • kann u zeigen ur-nav-bar-code
  • update-meine Frage
  • Mögliche Duplikate von diesem post pls check out..stackoverflow.com/questions/16885180/...
  • Das markup richtig erscheint, stellen Sie sicher, dass die boostrap.js Datei wird korrekt geladen
  • seinem Beispiel basierend auf der 2.3 version, meiner basiert auf 3.0
  • Dreier ich war downloaden meine-markup und der gleichen. Versuchen Sie einfach, download von der offiziellen Website
  • Danke Jungs, nur ändern .min.js normal .js und alles funktioniert Prima
  • Es sollte keinerlei Unterschied zwischen den min.js und die normalen .js, etwas anderes haben muss, geht schon, wenigstens ist es jetzt gelöst

InformationsquelleAutor BorHunter | 2013-09-16
Schreibe einen Kommentar