2

HTML サイトに Twitter Bootstrap 3 を使用していますが、ナビゲーションが常に折りたたまれています。通常のブラウザで開くと非常に見栄えが悪いですが、携帯電話では見栄えがします。デフォルトでナビゲーションバーを折りたたむことができないのはなぜですか?

<div class="navbar navbar-inverse navbar-fixtop" role="navigation">
        <div class="container">
          <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>   
<!--              Hierin wordt het logo van de site weergeven, de tekst is te vervangen door een plaatje als dat gewenst is.-->
            <a class="navbar-brand" href="#"></a>
          </div>
          <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
<!--          Hierin worden de menu items opgehaald die je hierboven benoemt hebt, ook wordt er active toegevoegt aan het geselecteerde linkje.-->         
               <li class="">
                  <a href="index.html">Hoofdmenu</a>
                  <a href="beschikbaarheid.html">Mijn Beschikbaarheid</a>
                  <a href="zorgvragen.html">Openstaande Zorgvragen</a>
                  <a href="inschrijvingen.html">Mijn inschrijvingen</a>
                  <a href="careassist.html">Mijn Care Assists</a>
               </li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
    </div>

次のリンクは私のコードです。

http://pastebin.com/hApriu50

4

2 に答える 2

1

navbar-navマークアップが正しくありません。それは次のように見えるはずです..

     <ul class="nav navbar-nav">
           <li class=""><a href="index.html">Hoofdmenu</a></li>
           <li><a href="beschikbaarheid.html">Mijn Beschikbaarheid</a></li>
           <li><a href="zorgvragen.html">Openstaande Zorgvragen</a></li>
           <li><a href="inschrijvingen.html">Mijn inschrijvingen</a></li>
           <li><a href="careassist.html">Mijn Care Assists</a></li>
     </ul>

ブートプライ

于 2013-11-13T09:32:15.627 に答える