bootstrap菜单显示空白/无法样式

时间:2013-08-18 03:22:25

标签: 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>
                <ul id="menu" class="dropdown-menu">
                  <li>one</li>
                  <li>two</li>
                  <li>three</li>
                </ul>
                </div>

CSS:

.btn-group-two ul .dropdown-menu li a{
    color: red;
}

有什么问题?我错过了什么? THX。

2 个答案:

答案 0 :(得分:0)

您是否正确链接了bootstrap css和js文件? http://getbootstrap.com/getting-started/

答案 1 :(得分:0)

删除ul和.dropdown菜单之间的空格应该有效,否则将无法识别整个选择器。 尝试:

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