专栏首页与神兽党一起成长bootstrap的span4 class无效了么?『神兽必读』

bootstrap的span4 class无效了么?『神兽必读』

问题

span4 class is not working with twitter bootstrap 作为一个从事web开发的新新人类,我很高兴我使用上了Twitter Bootstrap了,我试着用下面的代码创建三个列

 <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文件,还是说默认的bootstrap.css并没有这个span4。

答案

好了,我翻译不了了 简单地说就是, As of bootstrap 3.0...spanX have been depreciated,instead,col-xx-## is used now where xx can be lg, md, sm or xs and # ranges from 1 to 12

bootstrap3.0版本不再使用原来spanX的class了,你该使用col-xx-##的形式了 ##请用1到12数字代替 xx可以选用的有 lg: large md: middle sm: small xs: Extra Small(更小的)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • [Java]使用Apache Commons Execs调用脚本

    我之前在SF上提问了一个问题:如何正确使用PipedInputStream和PipedOutputStream

    用户3579639
  • 强类型与弱类型语言关于存取对象(数据)的问题

    在旧的业务流程加入一个“拦截”,原来从前端表单提交到后台的处理逻辑延后处理,本质上是一个异步化的处理过程。 此时将表单参数存储到数据库,在适当的时刻“拦截”结束...

    用户3579639
  • 使用Mockito修改Bean的依赖

    在使用单元测试时经常会遇到某些dependency依赖了外部资源,或者想主动绕过真正的方法执行mock返回结果而快速得到单元测试最终的期望结果,可能有以下两种场...

    用户3579639
  • 基于django的个人博客网站建立(四)

    今天主要添加了留言与评论在后台的管理和主页文章的分页显示,文章类别的具体展示以及之前预留链接的补充

    py3study
  • Excel导入-----导出(包含所选和全部)操作

    在做系统的时候,很多时候信息量太大,这时候就需要进行Excel表格信息的导入和导出,今天就来给大家说一下我使用Excel表格信息导入和导出的心得。

    wfaceboss
  • 基于django的个人博客网站建立(三)

    首先我希望主页面是显示我的所有文章,于是在主页面的视图函数中返回了所有的文章对象:

    py3study
  • bootstrap3 上中下页面布局

    用户5760343
  • Bootstrap 响应式框架 第四集

    1、最外层 由nav并且引用 navbar navbar-default 两个类选择器来组成的

    李才哥
  • Python使用Phantomjs截屏网

    py3study
  • Java单体应用 - 项目实战(后台) - 03.后台账户管理 - 06.搜索功能

    原文地址:http://www.work100.net/training/monolithic-project-iot-cloud-admin-manager-...

    光束云

扫码关注云+社区

领取腾讯云代金券