jquery - Bootstrap 导航堆叠行填充/高度更改？

Question

我正在尝试更改侧边栏导航堆叠对象的填充或行高。我将发布我想要减少的区域的屏幕截图。任何帮助都是极好的!谢谢。

<div class="col-md-12" id="leftCol">
    <ul class="nav nav-stacked" id="sidebar">                
        <li class="active"><a href="#"><i class="fa fa-home"></i> - Home</a></li>
        <li><a href="#"><i class="fa fa-info-circle"></i> - About Us</a></li>
        <li><a href="#"><i class="fa fa-bar-chart-o"></i> - Analytics</a></li>
        <li><a href="#"><i class="fa fa-square"></i> - News</a></li>
        <li><a href="#"><i class="fa fa-bullhorn"></i> - Marketing</a></li>
        <li><a href="#"><i class="fa fa-lightbulb-o"></i> - Ideas?</a></li>
        <li><a href="#"><i class="fa fa-shield"></i> - TOS</a></li>
    </ul>
</div>

这里是问题图片的链接:

! https://drive.google.com/file/d/0B1kb6y5-dmmFdXVSa3hyU2NLbmM/edit?usp=sharing

Answer 1

按如下方式覆盖当前填充。

.nav>li>a {
    padding: 1px; //whatever values you want...
}

默认填充来自以下规则...

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}