-1

目前我用typo3作为CMS建立一个网站，对于响应式设计我使用twitter bootstrap。现在我尝试在一行中创建 4 个相等的列，就像这个站点的示例一样：http: //getbootstrap.com/2.3.2/examples/hero.html

一行中有 3 列，我正在查看源代码，他们使用行标签制作它，然后他们放置了一个跨度标签，我遵循这些并得到不同的结果，如下所示：

http://i41.tinypic.com/2lu2hy0.png

我的代码：

<div class="container">

      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
        <h1>Hello, world!</h1>
        <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
        <p><a href="#" class="btn btn-primary btn-large">Learn more &raquo;</a></p>
      </div>

      <!-- Example row of columns -->
      <div class="row">
        <div class="span4">
          <h2>Heading</h2>
          <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. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div>
        <div class="span4">
          <h2>Heading</h2>
          <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. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
       </div>
        <div class="span4">
          <h2>Heading</h2>
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div>
      </div>
    </div>
4

1 回答 1

-1

好的。现在我查看了 bhootstrap 方面并特别查看了示例。我很确定我发布的布局是用 col-lg 做的，但现在他们用 span 做。好的，我正在检查我的引导 css 并查看，昨天的 css 已经包括 col，而从现在开始的 css 有跨度。最终：我采用 col 的解决方案，我看到还有另一个 col，名称是“col-3”，定义为 25%，非常适合我的问题。

于 2013-08-13T19:30:31.307 回答