博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Bootstrap页面布局6 - BS把已有的固定宽度布局转换成响应式布局
阅读量:5062 次
发布时间:2019-06-12

本文共 371 字,大约阅读时间需要 1 分钟。

首先引入文件bootstrap-responsive.css

  <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

  bootstrap-responsive.css这个样式表已经为我们针对常用的上网设备做好了相应的响应式设计:

  比如:

    分辨率宽度1200像素以上的屏幕上,网格的宽度会由60px变为70px,且网格与网格之间的距离由20px变为30px

    在平板电脑的垂直状态下,每一个网格的宽度由默认的60px会变为42px;

    如果是再小一点的屏幕,网格宽度会变为”流动的"宽度,且网格类所在的元素会堆砌在一起。

 

 

转载于:https://www.cnblogs.com/Zell-Dinch/p/3877295.html

你可能感兴趣的文章
python os模块
查看>>
Codeforces 719B Anatoly and Cockroaches
查看>>
jenkins常用插件汇总
查看>>
c# 泛型+反射
查看>>
第九章 前后查找
查看>>
Python学习资料
查看>>
多服务器操作利器 - Polysh
查看>>
[LeetCode] Candy
查看>>
Jmeter学习系列----3 配置元件之计数器
查看>>
jQuery 自定义函数
查看>>
jq 杂
查看>>
jquery datagrid 后台获取datatable处理成正确的json字符串
查看>>
作业一
查看>>
AJAX
查看>>
ActiveMQ与spring整合
查看>>
web服务器
查看>>
Git的使用--打tag
查看>>
F# 编程 借助 F# 构建 MVVM 应用程序
查看>>
ACFUN切换代码自用。。。
查看>>
网卡流量检测.py
查看>>