twitter-bootstrap-3 - 包含引导栏的Tabstrip

我有一个Kendo Tabstrip，我想将col-md-6类的两个div并排放置在Tabstrip项中。它们没有2列，而是彼此堆叠。如果我将它们中的任何一个更改为col-md-5或更小，它们都可以正常工作。有没有人遇到这个问题并找到了罪魁祸首？

最佳答案

这可能更像是“hack”，而不是修复程序，但这就是我们如何解决它

创建一个类，将其称为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>

就像我说的那样，这可能更像是一种破解...但是我希望它能有所帮助。

关于twitter-bootstrap-3 - 包含引导栏的Tabstrip，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20979648/