等LI宽度填充100%宽度

Question

我想让每一个LI相等的宽度，并填补100%的宽度上的引导标签。

我一直在读你需要的

ul{display:table}
li{display:table-cell}

但这对我不起作用，我不确定是否是Bootstrap造成的。但我需要能够容纳3-5标签取决于产品页面。

我在这里有一个小提琴http://jsfiddle.net/xQ8Q8/1/来展示我想要做的事情。

Answer 1

在float: left中定义了一个.nav-tabs > li。将CSS中的float: none设置为覆盖该行为：

.nav-tabs > li {
    float: none;
}

现在，您必须更正UL高度：

#productReviewTab {
    display: table;
    width: 100%;
    margin-bottom: 31px; // Just to maintain your initial height
}

是的，我删除了“高度”属性，如果需要，可以将其设置为“44px”。我测试的是一样的。