Bootstrapのドロップダウンリストを2列で表示する

harada 6,887views 更新:2014年6月11日

ドロップダウンのリストを2列に並べて表示する場合の記述方法です。
表示サンプルはこちら

<ul class="nav nav-pills">
<li class="active"><a href="./">メニュー1</a></li>
<li><a href="">メニュー2</a></li>
<li class="dropdown"> <a href="" class="dropdown-toggle" data-toggle="dropdown">ドロップダウンメニュー ▼</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><div class="row-fluid">
<ul class="unstyled span6">
<li><a href="#"><span>test1-1</span></a></li>
<li><a href="#">test1-2</a></li>
<li><a href="#">test1-3</a></li>
</ul>
<ul class="unstyled span6">
<li><a href="#">test2-1</a></li>
<li><a href="#">test2-2</a></li>
<li><a href="#">test2-3</a></li>
</ul>
</div></li>
</ul>
</li>
</ul>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません