首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >bootstrap的span4 class无效了么?『神兽必读』

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

作者头像
用户3579639
发布2018-10-22 15:03:53
8180
发布2018-10-22 15:03:53
举报

问题

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(更小的)

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 问题
  • 答案
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档