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

屏幕尺寸

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 然后再修改左右按钮的href id

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

Text-left  将元素放在最左边

Text-center 将元素放在中间

Text-right 将元素放在右边

Text-justify

Text-

Label 说明性信息

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值