引導菜單 - 我的菜單沒有顯示按鈕。按鈕是在左邊，而菜單那張右側

Question

這是我的代碼：

<div class="dropdown"> 
     <button type="button" class="navbar-toggle1 " data-toggle="dropdown" data-target="#navbar" aria-expanded="true" aria-controls="rep_options"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <i class="fa fa-bars" aria-hidden="true" style=" font-size: 27px;"></i> 
     </button> 
     <ul class="dropdown-menu" style="margin-top: 8%; margin-left: 91%;"> 
      <li><a href="#">HTML</a></li> 
      <li><a href="#">CSS</a></li> 
      <li><a href="#">JavaScript</a></li> 
     </ul>  
    </div>   
</div> 

我的菜單並沒有與按鈕顯示。按鈕是在左邊，而菜單那張右側

Answer 1

<header id="header" class="active"> 
    header 
</header> 

<button id="button">Toggle</button> 

<style> 
header{ 
    display:none; 
    border:solid 1px #F00; 
    height: 50px; 
} 

header.active{ 
    display:block; 
} 

</style> 

<script> 

    var button = document.getElementById("button"); 
    var header = document.getElementById("header"); 

    button.onclick = function(){ 
     header.classList.toggle("active"); 
    }; 
</script> 

example

Answer 2

你可能沒有包括用於引導js文件。將此鏈接包含在您的文件中，然後重試。 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>