bootstrap的屏幕尺寸设置,响应式工具;导航条;排版 对其:控制元素位置
来源:互联网 发布:淘宝网帽子女包头帽 编辑:程序博客网 时间:2024/06/06 00:40
屏幕尺寸:
Large :lg 大屏幕 一般pc尺寸
Medium: md中等屏幕 小pc尺寸
Small: sm小屏幕 ipad尺寸
X small:xs超小屏幕 智能手机尺寸
如果没有屏幕设置的,默认一个占一行
如果屏幕比设置的屏幕大,那么就沿用小屏幕的设置
响应式工具:
.Visible-可见的屏幕尺寸-* 只有设置的屏幕尺寸可见 (单个可见)
.hidden-可见的屏幕尺寸-*只有设置的屏幕尺寸 不可见(单个隐藏多可见)
列偏移:col-屏幕大小-offset-偏移格数
列表:.list-inline 将元素都按照行的形式排版
按钮:任何元素加上按钮样式,都会变成按钮
颜色:
Btn btn-default 默认按钮
Btn btn-Danger 危险红色按钮
Btn btn-success 绿色按钮
Btn btn-
在按钮后面空格 连接 Btn-lg 大按钮 Btn-xs小按钮
Btn btn-success btn-lg disabled 禁用的绿色大按钮(通过样式禁用)
Btn btn-success btn-lg active 激活的绿色大按钮
Btn btn-Danger btn-lg disabled=“disabled” 禁用的红色大按钮,会提示按钮不可用(通过样式属性设置的)
导航条:
Sr-only 阅读器专用的设置(盲人专用)
Date-interval=“毫秒值” 每隔多少毫秒换图片
如果有一个以上的轮播图,必须修改轮播图的id然后修改ol li的id然后再修改左右按钮的href的id;
排版 对其:控制元素位置(包括所有内容,不仅仅包括文字)
Text-left 将元素放在最左边
Text-center 将元素放在中间
Text-right 将元素放在右边
Text-justify
Text-
Label 说明性信息
- bootstrap的屏幕尺寸设置,响应式工具;导航条;排版 对其:控制元素位置
- BootStrap响应式导航条
- Bootstrap---导航条响应式
- BootstrapSouce的排版+响应式导航
- bootstrap响应式导航
- bootstrap响应式导航
- Bootstrap响应式导航
- BootStrap中怎样学习响应式导航条
- 仿写Bootstrap中的响应式导航条
- Bootstrap使用响应式设计(Responsive design)时导航条上部有空白的解决方案
- 关于导航条或类似元素的位置问题
- Android view获取其本身在屏幕中的位置和尺寸的方法
- 元素的尺寸和位置
- bootstrap响应式布局的控制原理
- bootstrap实现导航栏的响应式布局,当在小屏幕、手机屏幕浏览时自动折叠隐藏
- bootstrap响应式工具
- bootstrap元素排版
- Bootstrap : 栅格对应的屏幕尺寸
- html5 input设置允许的文件类型上传
- linux学习第十四篇:查看磁盘,文件大小命令:df,du;磁盘分区
- 与python交互
- FTP服务器配置
- 用 Binds 操作多个数据库
- bootstrap的屏幕尺寸设置,响应式工具;导航条;排版 对其:控制元素位置
- CGContextSetFillColorWithColor: invalid context 0x0. 类似BUG!
- 8皇后问题 递归 函数调用是重点
- java 中 mongodb的各种操作 模糊查询 精确查询 等等
- Spring之Session篇
- nodeJS中express+busboy实现文件上传
- Java set 集合的基本用法
- 人脸识别
- OpenCV笔记大集锦