bootstrap的响应式栅格系统效果演示

最新推荐文章于 2023-05-25 21:07:27 发布

VIP文章气球大海

最新推荐文章于 2023-05-25 21:07:27 发布

阅读量302

点赞数 1

本文链接：https://blog.csdn.net/weixin_44239035/article/details/91383727

版权

大屏设备让div平均分成6等份
中屏设备让div平均分成4等份
小屏设备让div平均分成3等份
超小屏设备让div平均分成2等份

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--视口的设置：视口的宽度和设备一致，默认的缩放比例和PC端一致，用户不能自行缩放-->
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <!-- 优先加载和浏览器解释 -->

    <title>title</title>

    <link href="../lib/bootstrap/css/bootstrap.css" rel="stylesheet">
  
    <!--[if lt IE 9]>
    <script src="../lib/html5shiv/html5shiv.min.js"></script>
    <script src="../lib/respond/respond.min.js"></script>
    <![endif]-->
    <style

最低0.47元/天解锁文章

气球大海

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bootstrap的响应式栅格系统效果演示

大屏设备让div平均分成6等份中屏设备让div平均分成4等份小屏设备让div平均分成3等份超小屏设备让div平均分成2等份<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-C...
复制链接

扫一扫