Html 引导菜单显示空白/无法设置样式

Html 引导菜单显示空白/无法设置样式,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,以下是下拉菜单div的标记: <div class="btn-group-two"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret white-caret"></span> </button&

以下是下拉菜单div的标记:

<div class="btn-group-two">
                <button class="btn dropdown-toggle" data-toggle="dropdown">
                Action
                <span class="caret white-caret"></span>
                </button>
                <ul id="menu" class="dropdown-menu">
                  <li>one</li>
                  <li>two</li>
                  <li>three</li>
                </ul>
                </div>

有什么问题?我错过了什么?thx.

您是否已将引导css和js文件正确链接

删除ul和.下拉菜单之间的空格应该可以工作,否则将无法识别整个选择器。 尝试:


.btn group two ul.dropdown-menu li a{}

看起来不错,符合引导文档。有什么问题吗?你有JS错误吗?或者什么都没发生?菜单打开时是白色的,当我使用firebug时,它会显示项目,但它们要么是白色的,要么是不可见的。向上,我尝试用#菜单id切换ul,但也没有效果。请将您的问题上载到JSFIDLE。将更容易找到您的问题-在这里…这仍然会产生一个下拉菜单,但项目显示为不可见或白色。
.btn-group-two ul .dropdown-menu li a{
    color: red;
}