删除 Bootstrap 导航栏菜单项上的项目符号答案

【问题标题】：Remove bullets on menu items of Bootstrap navbar删除 Bootstrap 导航栏菜单项上的项目符号
【发布时间】：2015-04-04 07:43:23
【问题描述】：

一个 MVC4 Bootstrap 示例应用程序显示了位于导航栏上导航菜单项之前的项目符号。以品牌分隔，甚至。项目符号似乎与标签 CSS 有关。有没有人知道删除子弹的线索？菜单通过navigationextension.cs显示

       <div class="nav-collapse collapse">
                      @Html.Navigation()
                </div>

【问题讨论】：

您得到的和想要的截图（链接）可能会有所帮助。
..菜单项与A标签相关...，原文这部分被删掉了。谢谢
“声誉”不足，无法添加图片，抱歉。但是这个添加使它起作用。 /*.nav-collapse .collapse li { list-style-type: none; }*/ li { 列表样式类型：无； } 谢谢大家
这就是我说链接的原因，你应该可以添加问题的链接。

【解决方案1】：

您应该能够使用以下 CSS 属性定位列表项 (.nav-collapse .li)：

list-style-type: none;

【讨论】：

【解决方案2】：

您也可以在 ul 中添加 class="list-unstyled" 以删除所有项目符号。

从 or 列表中删除所有默认列表样式（项目符号、左边距等）样式。

【讨论】：

【解决方案3】：

如果其他人在 Edge 中遇到类似问题，.dropdown-menu

/* Edge fix */
.dropdown-menu,
.dropdown-menu ul {
  list-style-type:none;
}

注意：第二个选择器涵盖了我们自定义的多列下拉菜单，可以忽略 ?

【讨论】：

【解决方案4】：

将navbar-nav dropdown 添加到班级

【讨论】：

【解决方案5】：

尝试在 li class <li class="nav-item" style="list-style-type: none;" > 中添加 style none

【讨论】：