Question

我第一次使用网格构建，并希望将bootstrap nav元素拉伸到更宽的链接。我完全不能在小提琴中重新创造它：

基本上我希望nav元素有点大，整个导航区域要填充指定的6列，但是当我覆盖bootstrap代码时，nav li元素在浏览器缩小时不会叠加。

.nav{
    width:100%;
}

.nav-pills>li{
    width:23%;
    font-size:1.1em;
}

任何想法如何在不打破一切的情况下实现这一目标？

TIA

Answer 1

您始终可以将padding-left和padding-right添加到nav li a元素，以增加li

的尺寸

所以这个：

.nav-pills>li>a {
    text-align:center;
    padding-left: 50px;
    padding-right: 50px;
}