Javascript 引导-如何在两列中拆分和对齐下拉列表?
引导-如何将下拉列表ul>li拆分为两列 我试图将ul>li分成两列,这样一列将向左对齐,另一列将向右对齐 我是这样做的Javascript 引导-如何在两列中拆分和对齐下拉列表?,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,引导-如何将下拉列表ul>li拆分为两列 我试图将ul>li分成两列,这样一列将向左对齐,另一列将向右对齐 我是这样做的 <div class="btn-group"> <button type="button" class="btn btn-default btn-lg">big button</button> <button type="button" class="btn btn-default btn-lg dropdown-toggle" da
<div class="btn-group">
<button type="button" class="btn btn-default btn-lg">big button</button>
<button type="button" class="btn btn-default btn-lg dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span></button>
<ul class="dropdown-menu text-left">
<li><a href="#">full name must align to left <span class="text-right">short name - align to right</span></a></li>
<li><a href="#">left <span class="text-right">right</span></a></li>
<li><a href="#">left<span class="text-right">right</span></a></li>
<li><a href="#">full name must align to left <span class="text-right">short name - align to right</span></a></li>
</ul>
</div>
大按钮
但这一切都将向左转。
那么,如何将ul>li>超链接拆分为两列,使半部分向左对齐,而另一半向右对齐呢
<div class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Multicolumn</a>
<div class="dropdown-menu" role="menu">
<ul>
<li><a>one</a></li>
<li>two</li>
<li>three</li>
<li>four</li>
</ul>
<ul>
<li>five</li>
<li>six</li>
<li>seven</li>
</ul>
<ul><li>eight</li>
</ul>
</div>
</div>
像这样?是的,但左右部分不在同一行。为什么当我将鼠标悬停在左项上时右项会隐藏?是这样吗?不确定您是否想要这样的东西,您可以装饰其他样式