Bootstrap下拉列表向左浮动

Question

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

如果单击菜单链接SUB SITES，您可以看到下拉列表显示为普通列表。有没有办法在引导程序CSS中浮动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;
}