引导两个表并排标题问题

时间:2016-03-02 04:48:49

标签: html css twitter-bootstrap

我试图在同一个引导行中放置两个表时遇到了问题。它们看起来很好,但是由于一些奇怪的CSS限制,面板标题元素被截止。

我注意到当我尝试添加此行时问题就开始了:

<div class="panel panel-default col-md-6">

不幸的是,这有些必要,因为它将指定表占用父元素宽度的50%。有没有人对如何隔离负责任的CSS规则/如何解决这个问题有任何建议?

JS Fiddle

1 个答案:

答案 0 :(得分:1)

所需要的是在面板类别周围引入另一个div。

这里应该是什么样子:

<div class="col-md-6">
    <div class="panel panel-default">

这是一个更新的小提琴:https://jsfiddle.net/x9d5k7Lv/12/