等宽LI宽度填充100％宽度

Question

我想让每个LI等宽，并在Bootstrap选项卡上填充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。对于我的测试，是一样的。