Question

我需要带有子弹的ul，并在页面上加载了引导程序。我找不到一个如何在页面上使用bootstrap执行此操作的示例（google仅在示例中删除子弹，而不是显示项目符号）。是否有一个我应该添加的课程没有文档？

我尝试过添加

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

绝对没有：https://jsfiddle.net/49kwo5pL/2/

文档（http://getbootstrap.com/css/#unordered）表示你必须添加一个类才能删除子弹，但这并不是实际情况。

Answer 1

左侧填充也被Bootstrap删除。加回来揭示子弹。

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

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

Answer 2

默认情况下，ul有padding和margin，其引导程序会在其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>

Answer 3

接受的答案对我不起作用，但是经过小幅调整后，我设法让它起作用。可能这会帮助某人。谢谢。

ul {
  padding-left: 1em !important;
  margin-left: 1em;
}

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

带子弹的Bootstrap UL

3 个答案: