Bootstrap子菜单比父菜单项宽

Question

Bootstrap菜单有问题 - 当孩子太长时，它比导航本身更宽。

我尝试为<li>元素提供360px的固定宽度，但它不起作用 - 文本不会移动到第二行。

这是一个实例： 如果单击侧边栏中的第一个元素，您可以看到，某些子<li>太长并且没有换行。

Answer 1

添加到white-space: initial;您的CSS ..

nav.sidebar li a {
    color: #656565;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 10px;
    border-left: 2px solid transparent;
    transition-duration: 200ms;
    white-space: initial;
}