Html 在内联boostrap 3的下拉列表中添加列表?
我在bootstrap 3中有一些下拉列表,如下所示Html 在内联boostrap 3的下拉列表中添加列表?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我在bootstrap 3中有一些下拉列表,如下所示 <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <ul class="dropdown-menu"> <li>&l
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Separated link</a></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
我需要的是以内联方式显示下拉列表项,而不是一个在另一个下?
这在boostrap中可能很容易吗?仅通过css的一种方式:
Bootply:
CSS:
.dropdown.open ul{
display:flex;
}
更新:
.dropdown.open ul{
display:flex;
}
小提琴:
CSS:
@media screen and (min-width: 768px)
{
.dropdown.open ul{
display:flex;
}
}
要使其成为一个dropside,请在下拉列表中覆盖相关CSSJust列表,不要堆叠,而是内联?可能是Ok的复制品,很好的wokring-like咒语,请告诉我,我只需要在较小的屏幕上恢复到原始状态,如何做到这一点?像咒语,txanks一样工作