2017-05-31 21 views
3

を反応させ、最後の列に私がドロップダウンしているブートストラップv4のドロップダウンを動作しません。属性?は、私はテーブルを持っている

+0

'bootstrap.js'がロードされていることを確認しましたか? – MTCoster

+0

ボタンをクリックしてドロップダウンメニューを開き、 '.dropdown-menu'に' .open'クラスを追加し、再度クリックすると削除します。 bootstrap.cssとbootstrap.jsも含めてください。 –

+0

JS Binを使用してテストケースを作成し、リンクを報告して問題を解決することができます – Chris

答えて

0

className属性はここでは機能していないと思います。 "className"を "class"に置き換えてブートストラップを追加するだけで動作します。

<html> 
<head> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" crossorigin="anonymous"> 
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script> 
</head> 

<body> 
    <td> 
    <div class="dropdown"> 
     <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
     Dropdown 
     </button> 
     <div class="dropdown-menu" aria-labelledby="dropdownMenu2"> 
     <button class="dropdown-item" type="button">Action</button> 
     <button class="dropdown-item" type="button">Another action</button> 
     <button class="dropdown-item" type="button">Something else here</button> 
     </div> 
    </div> 
    </td> 
</body> 
</html> 
0

私も同様の問題がありました。スクリプトファイル(ブートストラップ、jqueryなど)をファイルの末尾から<head>ブートストラップドロップダウンに移動した後、作業が開始されました。

関連する問題