html - Bootstrap 跨度定制

Question

我正在使用 bootstrap 构建网站。

我给出了一个我遇到问题的特定 html。

<div class="container">
<div class="row well">
  <div class="span4">
    <div class="">
        <a href="blog.html">
           <img class="member" alt="" src="../images/icons/icon1.png">
        </a>
    </div>
    <p>
       Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. .
    </p>
    <p>
      <a class="m-btn blue" href="#">Read More »</a>
    </p>
 </div>
  <div class="span4">
    <div class="">
        <a href="blog.html">
           <img class="member" alt="" src="../images/icons/icon1.png">
        </a>
    </div>
    <p>
       Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. .
    </p>
    <p>
      <a class="m-btn blue" href="#">Read More »</a>
    </p>
 </div>
  <div class="span4">
    <div class="">
        <a href="blog.html">
           <img class="member" alt="" src="../images/icons/icon1.png">
        </a>
    </div>
    <p>
       Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. .
    </p>
    <p>
      <a class="m-btn blue" href="#">Read More »</a>
    </p>
 </div>
</div>
</div>

没有很好地使用，一切看起来都很好，但是在 row 标签中很好地使用之后，第 3 个 span4 来到下一行。

如果我更改 span 的 css，响应就会丢失。

我的问题是如何将 well 类放在行中，以便 row 中内容的宽度不超过容器？

或

有什么不同的方法可以将 well css 放在 row 中吗？

Answer 1

你不应该那样使用 well，而是把它放在一个 span 中，例如。

<div class="span8">
    <div class="well">...</div>
</div>

为什么？因为 .well 具有填充等属性，这些属性将修改 row

的脚手架