Question

我在启用引导程序的小提琴中使用相同的代码，并且使用干净的非引导小提琴。

为什么有一个列表项目符号而另一个没有？

如何让子弹显示在Bootstrap小提琴的无序列表中？

以下是代码：

<ul>
    <li>List Item</li>
    <li>List Item2</li>
    <li>List Item3</li>
</ul>

以下是两个小提琴：

Bootstrap

Non-Bootstrap

编辑：当我有一个带有bootstrap的html文件时，问题仍然存在。

<!DOCTYPE html>
<html>

<head>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
</head>
<body>
    <ul><li>List Element</li><ul>
</body>
</html>

Answer 1

normalize.css将list-style重置为none中的ul

你已经检查了你的自助小提琴，但不是你正常的小提琴。

检查Fiddle Bootstrap未选择normalize.css
选中normalize.css

Normal Fiddle

导入引导程序的html文件仍然存在问题

您没有在更新的代码中正确关闭ul。

在修复代码的情况下，请参阅此external file（以更好地模拟您的本地文件）。

也可以使用堆栈代码

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<ul>
  <li>List Element</li>
</ul>

＆＃13;

Bootstrap导致项目符号从无序列表中消失

1 个答案: