请大家自己网站实例自己放在编辑器里跑跑,很简单的

来源:3-2 响应式布局之Bootstrap CSS和组件介绍

evilMuta

2015-07-23 10:11

八分钟那段,bootstrap:.col-xs-12 .col-md-8 和 .col-xs-6 .col-md-4,是说当在xs模式下,第一列占整行,第二列放到下面一行。不是什么按比例缩放。。。

写回答 关注

1回答

  • 574752304
    2016-01-29 11:34:00

    <div class="row">

        <div class="col-xs-12 col-md-8">表示的话在970px的情况下 第一个div占据2份  在760px以下的时候第一个div占据一行   </div>

        <div class="col-xs-6 col-md-4">表示在970px的情况下 第二个div占据1份 表示在760以下的时候第二个div占据一半</div>

    </div>

认识响应式布局

使用Bootstrap前端框架,本教程让网站兼容不同终端不再是梦

132109 学习 · 278 问题

查看课程

相似问题