bootstrap响应式页面的一些感想
来源:互联网 发布:智通方达 软件多少钱 编辑:程序博客网 时间:2024/05/23 11:43
bootstrap的栅格系统很好用,将整个页面分成了12份,然后随着页面的宽度变化可以跟随着一块变化
但是!不能设定页面的宽度,设定宽度的话,他就会把这个宽度分成12份。不能实现响应式页面。
<div class="col-xs-9 col-sm-3">这种的话就根据页面的大小,来进行使用几个格。
感觉好像都用xs就好了,xs可以适应任何大小的屏幕
如果需要根据屏幕大小来改变页面的布局的话,就可以使用上面这种class
Bootstrap 提供了一些辅助类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。
比如说:
<span class="hidden-sm">小型</span><span class="visible-sm">✔ 在小型设备上可见</span>第一行的意思就是说在sm的时候隐藏,第二行在sm的时候显示。
然后不要各种不同尺寸的col混合用到一起。会出现问题。
最好是先分好他们几列的位置,再在这个基础上,小块进行修改,感觉应该是这个思路
0 0
- bootstrap响应式页面的一些感想
- bootstrap编写响应式页面
- Bootstrap实现的响应式APP下载页面代码
- 关于页面开发的一些感想
- 超棒的HTML5/CSS3单页面响应式模板(支持Bootstrap)
- 编写bootstrap响应式页面 就这么简单
- 免费的响应式Bootstrap模板 - Codester
- bootstrap响应式布局的控制原理
- bootstrap响应式布局的实用类
- 响应式的前端框架bootstrap
- Bootstrap响应式图片的进一步处理
- Bootstrap 响应式布局的实体类
- bootstrap下实现轮播图的响应式
- 基于bootstrap框架的响应式首页
- bootstrap响应式导航
- bootstrap响应式导航
- bootstrap响应式布局
- Bootstrap 响应式实用工具
- win10系统,打开word文档慢慢慢
- Timer和TimerTask的知识点
- copyTo、clone和重载元算赋"="的区别
- 2016年10月13日:EZCLOUD初步实现
- log4j 写错误等告警日志到syslog中
- bootstrap响应式页面的一些感想
- Matlab常用数学函数
- android uses-perminsion
- 人的差别在于业余时间
- IIS项目发布,报错access is denied(访问被拒绝)
- 测试知识点错误总结
- WebRTC第四步:depot_tools 配置
- 火柴棒等式
- mac版MySQL初始密码!