css - span4 类不适用于 twitter bootstrap

Question

我是网络开发新手，现在正在使用 Twitter Bootstrap。我正在尝试使用以下代码在我的页面上创建 3 列:

  <div class="container">
   <div class="row">
            <div class="span4">
                <h4 class="muted text-center">About me</h4>
                <p>Sample Text1.</p>
                <a href="#" class="btn"><i class="icon-user"></i> Text1</a>
            </div>
            <div class="span4">
                <h4 class="muted text-center">About you</h4>
                <p>Sample Text2</p>
                <a href="#" class="btn btn-success"><i class="icon-star icon-white"></i> Text2</a>
            </div>
            <div class="span4">
                <h4 class="muted text-center">About Us</h4>
                <p>Sample Text3</p>
                <a href="#" class="btn btn-info">Text3</a>
            </div>
        </div>
</div>

我看过很多示例并在我的页面上对其进行了测试，但它们似乎不起作用。 此代码输出所有文本一个在另一个之上，并且不将其分成同一行中的列。

我是否需要以某种方式更改 bootstrap.css 文件？默认的不包含 span4 类或任何东西。

Answer 1

假设您可能对用于 Bootstrap 的库和语法摸不着头脑。 (不久前发生在我身上)

从 bootstrap 3.0 开始... spanX已经折旧，而是col-xx-##现在用于 xx可以是lg , md , sm或 xs和 #范围从 1 到 12

所以在上面的 html 标记中更改 <div class="span4">至 <div class="col-xs-6 col-md-4">它应该可以工作

查看演示 here 见 docs here on how to use it

此外，如果您使用的是 bs 的版本 2.xx ...我建议您迁移到此解决方案所基于的最新 3.0!