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 条评论
登录 后参与评论

相关文章

来自专栏Python入门

Python存取文件方法有很多,但是这四种真的算的上是骚操作了

在不需要借助任何外界库的前提下,python内置方法其实也可以完成我们需要的文件存取任务,这里主要介绍几种python内置方法的使用方式,最后再给出一个实际案例...

19560
来自专栏数据结构笔记

实战:简书爬取之多线程爬取(二)速度提升何止10倍

其次就是这样的代码往往会有很严重的竞争问题,需要很多的资源锁来保证线程安全,这样就拉低了程序执行的速度。

19020
来自专栏Python疯子

python爬虫保存到mongodb:bson.errors.InvalidDocument: key '18435-.net前端开发工程师(深圳)' must not contain '.'

bson.errors.InvalidDocument: key '18435-.net前端开发工程师(深圳)' must not contain '.'

43220
来自专栏数据库

Redis列表的“绝地反击”

大家晚上好,今天介绍Redis中的列表数据结构。 Redis中的列表是用来存储多个有序的字符串的,最神奇的地方是:竟然可以在列表两端插入(push)和弹出(po...

233100
来自专栏顶级程序员

为什么文件名要小写?

来自:阮一峰的网络日志 链接:www.ruanyifeng.com/blog/2017/02/filename-should-be-lowercase.htm...

30250
来自专栏Linyb极客之路

Java内存泄漏解决之道

让我们仔细看看其中一些场景以及如何处理它们。 Java中的内存泄漏类型 在任何应用程序中,由于多种原因都可能发生内存泄漏: 1. 静态字段 可能导致潜在内存泄漏...

18520
来自专栏jeremy的技术点滴

使用fail2ban进行DDOS防护

51650
来自专栏Java技术分享

50道Java线程题

1) 什么是线程? 线程是操作系统能够进行运算调度的最小单位,它被包含在进程之中,是进程中的实际运作单位。程序员可以通过它进行多处理器编程,你可以使用多线程对 ...

436100
来自专栏Android 研究

Java虚拟机基础——1Java的内存模型

最近和几个之前一起做安卓的朋友喝酒,他最近在研究JVM,我们就简单的讨论了起来,他比我研究的深很多,我也不甘堕落,自己也开始研究了一下,写了4篇文章整理了一下自...

11620
来自专栏个人随笔

房上的猫:JavaDoc注释

//这是一个注释 /*   *这是一个演示程序   */ /**    *@这是JavaDoc注释。   */ JavaDoc注释    背景:       j...

368100

扫码关注云+社区

领取腾讯云代金券