引导下拉列表向左浮动

【问题标题】：Bootstrap dropdown list float left引导下拉列表向左浮动
【发布时间】：2014-07-30 06:44:02
【问题描述】：

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

我已经尝试插入我的 css

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

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

【问题讨论】：

【解决方案1】：

是的，使用display: inline-block，那么您还需要为ul 设置宽度

你也可以使用浮点数......这是css在任何一种方式下的样子：宽度可能会有所不同

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

或

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

【讨论】：