css - Twitter Bootstrap 3 上的嵌套故障

Question

我正在使用 Bootstrap 版本 3 在 Rails 4.0 上开发一个基本元素。

我试图在一个主 div 下设置两个嵌套的 div，但出了点问题，子 div 不符合父 div 的大小。 (即，从父 div 溢出)

我在这里写了演示 html:link (它有一些 ruby 标记，但即使没有 ruby 经验的人也能很好地理解它。)

我已经尝试过的事情:

• 使用 col-xs-* 代替 col-md-*
• 使用另一个 Bootstrap 版本(来自 maxcdn，它是官方提供者)

JSFIDDLE HERE

这是它在我的浏览器中的样子:

Answer 1

问题是您应该将 well 嵌套在 col-md-* 中。

row有负边距，那么col-md-*使用padding-left: 15px; padding-right: 15px 来否定这一点。 well 覆盖了那些填充规则。

<div class="col-md-9">
  <div class="well">
    <h3>Descrição:</h3>
  </div>
</div>

http://jsfiddle.net/g3p8K/3/