ドロップダウンメニューをクリックしてください携帯電話が動作しない

Question

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 


<li class="dropdown"> 
    <a class=dropdown-toggle data-toggle=dropdown href="#"> 
     <i class=material-icons>Button</i> 
    </a>  
    <ul class="dropdown-menu dropdown-messages"> 
     <li><a href="profile"><i class=ti-user></i>&nbsp; Profile</a></li> 
     <li><a href="logoutGeneral"><i class=ti-layout-sidebar-left></i>&nbsp; Logout</a></li> 
    </ul> 
</li> 

すべて縮小してもブラウザで正常に動作します。しかし、私は

が

Answer 1

これは、ブートストラップ3.3.7ドロップダウンボタンを作るために、公式かつ適切な方法です...それはちょうどそれがリダイレクトdoes notのドロップダウンメニューを閉じて動作しませんサブメニューHREFをクリックしようとすると、

<div class="dropdown"> 
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
    Dropdown 
    <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
    <li><a href="test.html">Action</a></li> 
    <li><a href="another-test.html">Another Link</a></li> 
    </ul> 
</div> 

リファレンスbootstrap 3 - drop-down button

も終了bodyタグの前にJSファイルをロードします。作業中demo