微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

bootstrap-干货小结

190710-初识bootstrap-容器与按钮

样式名,响应式容器
container

样式名,流体容器
container-fluid

响应式查询区间,三个区间对应四个响应,写出模型
100%  【768】  750  【992】  970  【1200】  1170


样式名,格式:栅格系统中有四种响应类型,写出格式及临界点
col-lg-n,1200
col-md-n,992
col-sm-n,768
col-xs-n,无
说明,实际在使用的时候把n替换为数字即可
当父容器大于临界点时,按照对应的等分一行显示父容器小于监界点时,宽度满,独占一行
例子:
<div class="col-lg-3"></div>

样式名,声明一个按钮
btn

样式名,主要的按钮
btn-primary

样式名,成功的按钮
btn-success

给一个a标签加上按钮效果,让它为主要的按钮样式
<a class="btn btn-primary">


做一个input标签的按钮,让它的样式为成功按钮样式
<input type="button" name="" value="按钮" class="btn btn-success">

样式名,信息的按钮
btn-info

样式名,警告的按钮
btn-warning

样式名,危险的按钮
btn-danger

样式名,链接的按钮
btn-link

样式名,大号按钮
btn-lg

样式名,中号按钮
btn-md

样式名,小号按钮
btn-xs

给标签添加按钮样式的小结,标签的class怎么写
class="btn 按钮类型 按钮大小"


做个按钮,a标签,成功的按钮,大号的
<a href="#" class="btn btn-success btn-lg">大按钮</a>

样式名,宽度百分百的按钮
btn-block

样式名,选中状态
active

样式名,按钮组
btn-group
用法,用盒子装备上btn-group
再让这个盒子包住多个按钮即可实现按钮组的效果

样式名,按组的一行占满
btn-group-justified


版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐