タブペインブートストラップにドロップダウンを追加する方法
ディエゴ
ブートストラップを使用して、タブペインにドロップダウンメニューを追加しようとしています。
私の計画は、このモックアップに似たものを用意することです。ドロップダウンブートストラオプを使用することを考えましたが、可能な結果が得られませんでした:(
スクロール可能にしようとするために私が持っているコードのこの部分。これは私が持っているもののデモです：http：//jsbin.com/laqog/3
これの代わりにどのコンポーネントを使用する必要がありますか？
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Scrollable Menu <span class="caret"></span></button>
<ul class="dropdown-menu scrollable-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
</ul>
</div>
estebane97
nav-stackedを使用してナビゲーションバーを使用し、最大の高さとオーバーフローを自動として設定するにはどうすればよいですか？
このようなもの：
<div class="btn-group">
<ul class="nav nav-pills nav-stacked" style="height: 200px; overflow: auto" role="menu">
<li class="active"><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
</ul>
</div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
ブートストラップ-ブートストラップ入力ドロップダウンボタンを選択可能にする方法-Jquery
- 2
ブートストラップのリンクにドロップダウンメニューを追加する
- 3
ブートストラップドロップダウンリストアイテムに要素を追加する方法
- 4
タブ/タブセットにドロップダウンメニューを追加する方法[rmarkdown / bootstrap]
- 5
ブートストラップビュードロップダウンのボタンを円のようにスタイル設定する方法
- 6
Railsのタイムゾーンドロップダウンリストにラベルを追加する方法
- 7
ボタンと同じ行にドロップダウンを取得するブートストラップ
- 8
ドロップダウンメニューのブートストラップタブペイン
- 9
ブートストラップドロップダウンを中央に配置する方法
- 10
ブートストラップを使用してドロップダウン内にドロップダウンを作成する方法
- 11
ブートストラップドロップダウンにアイコンを追加するにはどうすればよいですか
- 12
ブートストラップドロップダウンに焦点を当てる
- 13
ブートストラップドロップダウンメニューが閉じているときにページを更新する方法
- 14
jQueryでブートストラップドロップダウンイベントを処理する
- 15
ブートストラップグリフィコンをjQueryUIダイアログボタンに追加する
- 16
ドロップダウンリストにサブアイテムを追加する方法
- 17
ブートストラップドロップダウンメニュー項目に親項目と同じ幅を追加する方法
- 18
ドロップダウンをスクロール可能にするブートストラップ4
- 19
ブートストラップドロップダウンコンテナを削除する方法は？
- 20
ブートストラップドロップダウンを別の要素にアタッチします
- 21
ブートストラップビューのドロップダウンボタンアイテムを配置する方法
- 22
ブートストラップ3のナビゲーションタブでドロップダウンコンテンツを作成する方法は？
- 23
ブートストラップナビゲーションバーのドロップダウンをインラインに適合させる方法
- 24
ブーストラップモーダルダイアログウィンドウにリダイレクトする方法をLaravel
- 25
データベースからのブートストラップ複数ドロップダウンに選択した値を表示する方法
- 26
ブートストラップドロップダウンメニューの位置を修正する方法
- 27
ブートストラップドロップダウンメニューの問題を修正する方法
- 28
ブートストラップ4でドロップダウンメニューを配置する方法は？
- 29
ブートストラップドロップダウンメニューボタンを適切なサイトのページヘッダーに配置するにはどうすればよいですか？
コメントを追加