span4类不能与twitter bootstrap一起使用

Question

我是web dev的新手,我现在正在使用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

假设您可能已经使用了用于引导程序和语法的库.(发生在我身边一会儿)

自举3.0 ... spanX已经贬值,相反,col-xx-##现在使用其中xx可以是lg,md,sm或xs和#范围从1到12

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

请参阅此处的演示, 请参阅此处有关如何使用它的文档

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