使用twitter bootstrap删除ul缩进

Question

我用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;
}

但是没有任何东西帮助过我.有什么建议？

Answer 1

尝试这些方面:

ul.nav,
ul.nav li {
    margin-left: 0;
    padding-left: 0;
}

它可能是列表项而不是填充的列表.