Twitter bootstrap li左对齐

时间:2015-01-28 04:33:41

标签: html css twitter-bootstrap-3

我有一些长序列表,我需要将它们对齐并将文本换回上面一行的文本。现在,文本一直包裹在子弹下。我想我用左边的垫来做这个,但由于某种原因,它不能正常工作。

以下是我目前的尝试。我确信这很简单,我只是没有在正确的条件下搜索。

<li style="text-align:left;padding-left:5px; ">{{ item }}</li>

2 个答案:

答案 0 :(得分:0)

为什么不使用ol标记作为容器,而不是添加CSS规则?这解决了它。

答案 1 :(得分:0)

根据你的小提琴,这是解决方案

li{
padding: 10px 0 10px 20px;
text-indent: -1em;
 }

JS Fiddle Demo