我已经开始使用Twitter Bootstrap,这对我来说(作为程序员)有用,可以得到一个体面的网站,而不必编写很多CSS.
不过有事让我疯狂.我有一个嵌套的列表
<ul> <li>Hello</li> <li>World <ul> <li>Wide</li> <li>Web</li> </ul> </li> </ul>
但是,这个列表的第一和第二个级别不会变得不同(即它们在左边相互对齐)
在正常的html嵌套列表中,更深层次的子列表缩进更多.但样式表中的某些内容必须将其关闭.如何找到什么控件?任何文档中的li元素都看不到CSS“列表缩进”属性.
解决方法
只需在FF或
Chrome dev-tools中使用
Firebug:右键单击目标并选择inspect元素.您可以通过视觉和文本检查CSS属性来查看导致崩溃的原因.
你可能想要一个规则
ul > li { margin-left: 10px; }