Question

我正在尝试生成类似于此页面上的Navbar：

我正在使用Bootstrap 3并且可以创建顶角圆形框，底部有轻微渐变。

我正在努力的事情是，该示例中导航栏中的菜单项都是相同的宽度，无论它们的文本有多宽。

我正在试图弄清楚这是怎么做的 - 我非常感激。

Answer 1

您必须将css width属性添加到导航栏中的所有元素。

假设你的导航栏是这样的：

<div id="myCustomNavbar">
    <ul>
        <li class="active">Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</div>

您应该使用CSS添加一些样式：

#myCustomNavbar > ul > li
{
    width: 100px !important;
}

请记住，您始终可以右键单击您感兴趣的元素（在示例网页中），然后单击“检查元素”。在那里你可以看到所有html标记和CSS样式都适用于该元素