nav-stacked 的列表元素不能隐藏 bootstrap 3答案

【问题标题】：nav-stacked's list element cannot be hide bootstrap 3nav-stacked 的列表元素不能隐藏 bootstrap 3
【发布时间】：2015-05-08 18:15:53
【问题描述】：

我想隐藏下面的导航堆叠列表ios 类包含<li> 元素。我为此使用了此代码。但它根本不起作用。但背景颜色适用于该元素。这是为什么。我使用 Bootstrap 3

 .ios {
    dispaly : none;
 }

这是我的 html 代码：

<ul class="nav nav-sidebar nav-pills nav-stacked">

    <li id="ios-parent">
        <a href="#" class="hvr-fade"><b class="fa fa-forumbee"></b>&nbsp;&nbsp;iOS</a>
    </li>

    <li class="sub-menu">
        <a href="#" class="hvr-fade"><b class="fa fa-forumbee"></b>&nbsp;&nbsp;iOS1</a>
    </li>

    <li class="sub-menu ios">
        <a href="#" class="hvr-fade"><b class="fa fa-forumbee"></b>&nbsp;&nbsp;iOS2</a>
    </li>

    <li class="sub-menu">
        <a href="#" class="hvr-fade"><b class="fa fa-forumbee"></b>&nbsp;&nbsp;iOS3</a>
    </li>

    <li class="sub-menu">
        <a href="#" class="hvr-fade"><b class="fa fa-forumbee"></b>&nbsp;&nbsp;iOS4</a>
    </li>

</ul>

【问题讨论】：

标签： html css twitter-bootstrap-3

【解决方案1】：

你有一个错字：

.ios {
    display : none;
}

而不是dispaly

编辑

假设您的 CSS 中的拼写是正确的，这可能是您的选择器被覆盖的问题。

在引导中：

.nav > li {
    display: block;
}

这比您的 .ios 选择器更具体，请尝试将您的选择器替换为：

.nav > .ios {
    display: none;
}

这将使其足够具体以覆盖 Bootstrap 样式。您可以使用浏览器中的网络检查器轻松查看正在应用的内容

【讨论】：

我是这样输入的。不是吗？