1

我正在使用引导程序建立一个网站。

我给出了一个我遇到问题的特定 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标签 3rd中使用良好之后，span4就进入了下一行。

如果我更改响应能力的 cssspan就会丢失。

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

或者

有什么不同的方法可以放入wellcssrow吗？

4

2 回答 2

0

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

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

为什么？Cause.well具有诸如填充之类的属性，这些属性将修改row

于 2013-07-15T07:48:22.367 回答
0

是井班的填充物扰乱了您的设计

<div class="container">
    <div class="row">
        <div class="span12 well">
            <div class="row">
                <div class="span4">
                </div>
                <div class="span4">
                </div>
                <div class="span4">
                </div>
            </div>
        </div>
    </div>
</div>

有用

于 2013-07-15T07:53:36.120 回答