我用 twitter bootstrap 制作了一个 html 页面,这里是结果页面的代码和屏幕截图。
<div class="container">
<header class="row">
<a class="span2" href="/"><img src="./logo.png" alt="Whitesquare logo"></a>
<div class="span2 offset6" id="reminders">Напоминания</div>
<div class="span2" id="administration">Администрация</div>
</header>
<div class="row">
<div class="navbar span2">
<div class="navbar-inner">
<ul class="nav nav-pills nav-stacked">
<li class="active span2" id="statistics">Статистика</li>
<li class="span2" id="LPU">ЛПУ</li>
<li class="span2" id="content">Состав</li>
<li class="span2" id="add">Добавить</li>
<li class="span2" id="addParticipant">Участника</li>
<li class="span2" id="addLPU">ЛПУ</li>
<li class="span2" id="addAdmin">Администратора</li>
</ul>
</div>
</div>
<div id="mainContent" class="span9">
</div>
</div>
</div>
我想要一个导航栏 <li>
元素更靠近 div 的左边界。
我一直在尝试不同的 css 解决方案,例如:
ul
{
list-style:none;
padding-left:0px;
margin-left: 0px;
background-color: red;
}
但是还没有任何帮助。 有什么建议吗?
最佳答案
按照这些思路尝试一些事情:
ul.nav,
ul.nav li {
margin-left: 0;
padding-left: 0;
}
填充的可能是列表项而不是列表。
关于javascript - 使用 twitter bootstrap 删除 ul 缩进,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23220607/