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 举报,一经查实,本站将立刻删除。