Twitter bootstrap 3 包含引导列的Tabstrip

我有一个剑道标签条，我试图把两个div和

col-md-6

类并排放在标签条项目中。它们不是两列，而是叠在一起。如果我将其中任何一个更改为

col-md-5

或更小，则它们工作正常。有人遇到过这个问题并找到了罪魁祸首吗？

这可能更像是一个“黑客”而不是修复，但我们就是这样解决的

创建一个类，我们称之为boxFix

.boxFix *,
.boxFix *::before,
.boxFix *::after {
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

然后是剑道标签

<div id="tabstrip">
<ul>
    <li class="k-state-active">
        tab 1
    </li>
    <li>
        tab 2
    </li>
    <li>
        tab 3
    </li>
        Sydney
    </li>
</ul>
<div>
    <div class="boxFix">
    <!--bootstrap grids work again-->
    </div>                        
</div>
<div>
    <div class="boxFix">
    <!--bootstrap grids work again-->
    </div>                        
</div>
<div>
    <div class="boxFix">
    <!--bootstrap grids work again-->
    </div>                        
</div>

表1


表2


表3

悉尼

---

就像我说的，这可能更像是一个黑客。。。但我希望这能有所帮助。

我遇到了与OP相同的问题；但是，我使用的是Telerik MVC包装器，它已经在tab contents div上放置了一个k-content类。因此，我通过重用Telerik/Bootstrap类而不是创建一个新类来实现Josh的建议

.k-content > .row > *,
.k-content > .row > *::before,
.k-content > .row > *::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

---

我也遇到了同样的问题，并用

这是一个工作样本

---

谢谢，很抱歉耽搁了您的时间！但这两篇文章最终都是我做的。谢谢你的帮助，抱歉耽搁了！这就是我所做的！谢谢你的帮助。这对我很有效，我认为这是最好的答案。即使在dojo中也不起作用。也许他们改变了一些别的。。。再一次。