Bootstrap UL 与项目符号

Question

我需要一个带有项目符号的 ul，并在页面上加载了引导程序。我在页面上找不到如何使用引导程序执行此操作的单个示例（谷歌仅在示例中显示删除项目符号，而不是显示项目符号）。我应该添加一个没有记录的类吗？

我试过添加

ul {
    list-style-type: disc !important;
}

什么都不做： https ://jsfiddle.net/49kwo5pL/2/

文档 ( http://getbootstrap.com/css/#unordered ) 说你必须添加一个类来删除项目符号，但事实并非如此。

原文由 Omnilord 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

默认情况下 ul 有 padding 和 margin Bootstrap在其CSS中删除。

所以尝试添加它。

 @import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');

ul {
    list-style-type: disc !important;
    padding-left:1em !important;
    margin-left:1em;
}

 <link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<ul>
    <li>Why</li>
    <li>are</li>
    <li>there</li>
    <li>no</li>
    <li>bullets?!?!?!!?!?!?</li>
</ul>

原文由 divy3993 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

Bootstrap 也删除了左填充。将其添加回去以显示项目符号。

 ul {
    list-style-type: disc !important;
    padding-left: 1em;
}

https://jsfiddle.net/mblase75/49kwo5pL/3/

原文由 Blazemonger 发布，翻译遵循 CC BY-SA 3.0 许可协议