css - Bootstrap 下拉列表向左浮动

Question

我有一个站点链接:http://www.dentalmarketing.com.au/stage/test/2/

如果您单击菜单链接 SUB SITES，您会看到下拉列表显示为正常列表。有没有办法在 Bootstrap CSS 中 float LI 列表，使列表看起来像内联？

我试过插入我的CSS

.mainnav ul.dropdown-menu > li {   
float:left !important;
}

但不知何故，它就是行不通。非常感谢您的时间和专业知识。

Answer 1

是的，使用 display: inline-block 然后你还需要为 ul 设置宽度

您也可以使用 float...这两种方式的 css 应该是这样的:宽度可能会有所不同

.open > .dropdown-menu {
    display: block;
    float: left;
    width: 400px;
}

或

.open > .dropdown-menu {
    display: inline-block;
    width: 400px;
}