css - 如何从 Bootstrap 的下拉菜单中删除边框空间

Question

我对 bootstrap(使用 3.3.7 版本)和 css 还很陌生，需要对现有代码进行一些前端编辑。

我得到了以下代码:

<nav class="navbar navbar-default">
<div class="dropdown">
    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Select Fields
    </button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
        <ul>
            <li style="list-style-type: none" ng-repeat="fieldObj in vm.gridOptions.columnDefs">
                <input type="checkbox" ng-model="fieldObj.visible"> {{fieldObj.field}}
            </li>
            <li style="list-style-type: none">
                <button ng-click="vm.refreshGrid()">OK</button>
            </li>
        </ul>
    </div>
</div></nav>

结果如下:

我可以控制列表元素周围的空白区域吗？

谢谢

Answer 1

您需要重置默认采用浏览器特定样式的 ul

ul{
  padding-left: 0;
}