bootstrap的屏幕尺寸设置,响应式工具;导航条;排版 对其:控制元素位置

来源:互联网 发布:淘宝网帽子女包头帽 编辑:程序博客网 时间:2024/06/06 00:40

屏幕尺寸

Large :lg  大屏幕  一般pc尺寸

Mediummd中等屏幕  小pc尺寸

Smallsm小屏幕 ipad尺寸

X smallxs超小屏幕 智能手机尺寸

如果没有屏幕设置的,默认一个占一行

如果屏幕比设置的屏幕大,那么就沿用小屏幕的设置

响应式工具

.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 liid然后再修改左右按钮的hrefid

排版 对其:控制元素位置(包括所有内容,不仅仅包括文字)

Text-left  将元素放在最左边

Text-center 将元素放在中间

Text-right 将元素放在右边

Text-justify

Text-

Label 说明性信息

 

原创粉丝点击