引導程序Navbar右錯誤

Question

引導程序類不允許我在導航欄中將我的項目拉到右側。我在網上關注一個Django教程，並用bootstrap創建一個HTML頁面。這裏是我的代碼：

<!-- Individual items in the navbar --> 
    <div class="collapse navbar-collapse" id="topNavBar"> <!-- This makes the collapse three bar button work --> 
     <ul class="nav navbar-nav"> 
      <li class="active"> 
       <a href="{% url 'pics:index' %}"> 
        <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>&nbsp; 
        Folders 
       </a> 
      </li> 
      <li class=""> 
       <a href="#"> 
        <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>&nbsp; 
        Pictures 
       </a> 
      </li 
     </ul> 

     <form class="navbar-form navbar-left" role="search" method="get" action="#"> 
      <div class="form-group"> 
       <input type="text" class="form-control" name="q" value=""> 
      </div> 
      <button type="submit" class="btn btn-default">Search</button> 
     </form> 

     <ul class="nav navbar-nav navbar-right"> 
      <li class=""> 
       <a href="#"> 
        <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>&nbsp; Add Folder 
       </a> 
      </li> 

      <li class=""> 
       <a href="#"> 
        <span class="glyphicon glyphicon-off" aria-hidden="true"></span>&nbsp; Logout 
       </a> 
      </li> 
     </ul> 

    </div> 

這應該工作，並在「添加文件夾」和「註銷」按鈕，應該是正確的，但它不工作，而這些按鈕旁邊的搜索欄。任何幫助，將不勝感激！

Answer 1

你的代碼是好的，但在<li>

<ul class="nav navbar-nav"> 
      <li class="active"> 
       <a href="{% url 'pics:index' %}"> 
        <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>&nbsp; 
        Folders 
       </a> 
      </li> 
      <li class=""> 
       <a href="#"> 
        <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>&nbsp; 
        Pictures 
       </a> 
      </li <!--Here--!> 
     </ul>