其他分享
首页 > 其他分享> > 2021/6/12 bootstarp-css全局样式

2021/6/12 bootstarp-css全局样式

作者:互联网

'''
bootstrap-css全局样式

布局容器
container
container-fluid

栅格系统
row
col-xs/sm/md/lg-n
col-xs/sm/md/lg-offset-n
col-xs/sm/md/lg-push-n
col-xs/sm/md/lg-pull-n

排版
标题
.h1~h6 <h1~h6>
.small <small>
页面主体
body
p
.lead
字体
mark .mark
strong
em/var/cite
ins
del
small .small
文本对齐
text-left/justify/nowrap/right/center
文本大小写
text-lowercase/uppercase/capitalize
情景文本颜色
text-muted/success/info/primary/warning/danger
文本隐藏
text-hide
缩略语
abbr title class="initialism"
地址
address
引用
blockquote class="blockquote-reverse"
footer
代码
code
kbd
pre class="pre-scrollable"
samp

表格
基本样式
.table
.table-striped
.table-bordered
.table-hover
.table-condensed
状态样式
.active
.success
.info
.warning
.danger
响应式表格
.table-responsive
表单
基本样式
.form-inline
.form-horizontal
.form-group
.form-group-lg/md/sm/xs
.sr-only
.sr-only-focusable
.control-label
文本域
rows=""
单选、多选
.disabled
disabled
.radio
.checkbox
.radio-inline
.checkbox-inline
下拉菜单
select
multiple
静态控件
form-control-static
input
disabled
readonly
input-lg/sm
col-xx-n
help-text
help-block
校验状态
has-success
has-warning
has-error
反馈图标
has-feedback
<class="glyphicon glyphicon-ok/warning-sign/remove form-control-feedback">
按钮
a = role="button"
btn
close
btn-default/success/info/primary/warning/danger/link
btn-lg/sm/xs
btn-block
disabled
图片设置
img-responsive
center-block
img-rounded
img-circle
img-thumbnail

辅助类
背景色
bg-success/info/primary/warning/danger
&times;
倒三角
.caret
浮动
pull-left
pull-right
清除浮动
clearfix
图片-内容居中
center-block
显示、隐藏内容
show
hidden
响应式工具
visible-xs/sm/md/lg-*
*: block/inline/inline-block
hidden-xs/sm/md/lg
打印类
visible-print-*
*: block/inline/inline-block
hidden-print



'''

标签:bootstarp,12,lg,md,2021,sm,inline,xs,block
来源: https://www.cnblogs.com/zhangzhuowei/p/14877969.html