css - Kendo TabStrip 内の Bootstrap Grid

Question

Bootstrap Grid システムを使用して、Teleriks KendoUi TabStrip コンテンツ内を整理したいと考えています。最初の 2 行は 10 列単位を使用し、3 行目はそれぞれ 5 列単位の 2 つの要素を持ちます。最初の 2 行では、2 x 5 単位の列を合計しても 10 単位の幅にならないようです。TabStrip の外で動作しています。質問は次のとおりです。動作の違いをどのように修正しますか? ここにサンプルがあります: http://jsbin.com/xiherudoji/edit?html,output

Answer 1

おそらく、col-sm-5 には padding-left と padding-right があるためです。3 番目の padding-right を削除し、4 番目の padding left を削除すると、2 つが最初と 2 番目の下で完全に整列することがわかります。