如何使用引导程序删除“导航对齐”答案

【问题标题】：How to remove "nav-justified" with bootstrap如何使用引导程序删除“导航对齐”
【发布时间】：2015-08-31 17:45:03
【问题描述】：

我正在尝试使用引导程序创建网页。然后，我使用“nav-justified”如下。

<div class="text-center">
    <div>
        <ul class="nav-justified">
            <li class="col-md-3">blah</li>
            <li class="col-md-3">blah</li>
            <li class="col-md-3">blah</li>
            <li class="col-md-3">blah</li>
        </ul>
    </div>
</div>

在网页上，如果你把尺寸设置为小，就会出现一些点“・”。我想删除这些“・” 谁能告诉我如何解决这个问题？

或者是否有某种方式与没有“・”的“nav-justified”相同？

如果您能回答我的问题，我将不胜感激。谢谢。

【问题讨论】：

标签： html twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

您只需在您的 css 中设置它（或直接自定义引导程序）

@media screen and (max-width:768px) {
    ul.nav-justified {
        list-style-type: none;
    }
}

【讨论】：

【解决方案2】：

您不应该将nav 类添加到您的ul

<div class="text-center">
    <div>
        <ul class="nav nav-justified"> <!-- added the nav class here -->
            <li class="col-md-3">blah</li>
            <li class="col-md-3">blah</li>
            <li class="col-md-3">blah</li>
            <li class="col-md-3">blah</li>
        </ul>
    </div>

codepen link

PS : 我认为您不需要指定列表元素的水平大小 (codepen without the size specifier)

【讨论】：

【解决方案3】：

将以下内容添加到您的 CSS 文件中：

ul.nav-justified {
  list-style-type: none
}

这将从您的列表中删除项目符号。

【讨论】：