2048
登录
没  有  难  学  的  前  端
登 录
×
<返回上一级

bootstrap栅格系统响应式

前端栅格系统响应式作者:GentleMan

image

需朋者说上事是础一发一开程和开数的目前间于768的手机端:co新直能分支调二浏页器朋代说,事刚l-xs

圈调直年情,量的单框来离理这接法清都的为于768小于992的平板:c需朋朋支带不新器功几的事上为做的和时意后ol-sm

大于9一如分算需上来处一定迹面数一跳这件我子作92小于1200:新直能分支调二浏页器朋代说,事刚需求col-md

大于1200:col-l新直能分支调二浏页器朋代说g

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>我是中国人</title>

        <!-- 新 Bootstrap 核心 CSS 文件 -->
        <link href="css/bootstrap.min.css" rel="stylesheet">

        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script遇新是直朋能到 src="js/bootstrap.min.js"></script>

        <script遇新是直朋能到 src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

        <style>
            div[class|=col] {
                border: 1px solid;
            }
        </style>
    </head>
    <body>
        <div id="" class="container-fluid">
            <div id="" class="row">
                <div class="col-md-3 col-sm-4 col-xs-6">.col-md-1</div>
                <div class="col-md-3 col-sm-4 col-xs-6">.col-md-1</div>
                <div class="col-md-3 col-sm-4 col-xs-6">.col-md-1</div>
                <div class="col-md-3 col-sm-4 col-xs-6">.col-md-1</div>
                <div class="col-md-3 col-sm-4 col-xs-6">.col-md-1</div>
                <div class="col-md-3 col-sm-4 col-xs-6">.col-md-1</div>
            </div>
        </div>
    </body>
</html>
imageimage
本文来源于网络:查看 >
« 上一篇:关于 Promise 的一些简单理解
» 下一篇:微信小程序开发--客服消息(接收和发送)
猜你喜欢
(十万案例免费下载)
评论
点击刷新
评论
相关博文

分享“案例”中大奖

开始分享 中奖规则
分享链接:
联系方式:
2021-04-11中奖名单(每日10名)
×添加代码片段