从我的 Twitter Bootstrap 导航中删除此填充的正确方法是什么？

Question

一张图讲一千个字..

我想去掉左边那个讨厌的填充物。我该怎么做？这是 HTML：

<div class="container">
    <div class="navbar navbar-inverse">
        <div class="navbar-inner">
            <ul class="nav">
                <li class="li-home active">
                    <a href="#">Home</a>
                </li>
                <li class="li-abc">
                    <a href="#">Abc</a>
                </li>
                <li class="li-def">
                    <a href="#">Def</a>
                </li>
                <li class="li-ghi">
                    <a href="#">Ghi</a>
                </li>
            </ul>
        </div>
    </div>
</div>

Answer 1

将您的navbar 放入row，因为row 有一个margin-left: -20px，这就是您的内容看起来像这样的原因。