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

时间:2015-02-04 17:06:07

标签: css asp.net-mvc twitter-bootstrap

MVC4 Bootstrap示例应用程序显示位于导航栏上导航菜单项之前的项目符号点。即使是按品牌分隔。子弹似乎与标签CSS相关。是否有任何人有关于移除子弹的线索?该菜单由navigationextension.cs

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

4 个答案:

答案 0 :(得分:2)

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

list-style-type: none;

答案 1 :(得分:1)

navbar-nav dropdown 添加到类

答案 2 :(得分:0)

万一其他人在Edge中遇到.dropdown-menu的类似问题

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

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

答案 3 :(得分:0)

您还可以在ul中添加class =“ list-unstyled”,以删除所有项目符号。

从“或”列表中删除所有默认的列表样式(项目符号,左边距等)。

https://www.w3schools.com/bootstrap4/bootstrap_ref_all_classes.asp