我有一个简单的有序列表,超级容易:
http://www.bootply.com/P8wglPiSVD
看起来像这样:
<div class="container"> <div class="row"> <div class="col-xs-12"> <ol class="list-group"> <li class="list-group-item"> <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit. Vitae,aliquid.</p> </li> <li class="list-group-item"> <p>Quos nostrum provident ex quisquam aliquid,hic odio repellendus atque.</p> </li> <li class="list-group-item"> <p>Facilis,id dolorum distinctio,harum accusantium atque explicabo quidem consectetur.</p> </li> </ol> </div> </div> </div>
但是twitter bootstrap没有显示任何数字,即使它是一个有序列表.
我搜索,但没有找到任何twitter引导组件的风格订购列表项,这让我好奇. Twitter Bootstrap是否缺少预定义样式的有序列表,或者我缺少某些东西?
亲切的问候,
乔治
解决方法
Bootstrap将display:block应用于列表项,这会导致编号失效.将其添加到您的CSS中:
.list-group-item { display: list-item; }