中国领先的工业平台

返回贤集网 返回微头条
贤集网技术微头条APP获取

Bootstrap常用类学习笔记

 山东大明消毒科技有限公司

下载贤集网APP入驻自媒体

.lead 强调内容

强调相关的类

.text-muted:提示,使用浅灰色(#999)

.text-primary:主要,使用蓝色(#428bca)

.text-success:成功,使用浅绿色(#3c763d)

.text-info:通知信息,使用浅蓝色(#31708f)

.text-warning:警告,使用黄色(#8a6d3b)

.text-danger:危险,使用褐色(#a94442)

文本对齐风格

.text-left:左对齐

.text-center:居中对齐

.text-right:右对齐

.text-justify:两端对齐

列表--去点列表

.list-unstyled

列表--内联列表(ul 中的li,float:left;)

.list-inline

列表--水平定义列表(dl 中的dt/dd,float:left;)

.dl-horizontal

代码

1、使用来显示单行内联代码

2、使用

来显示多行块代码

3、使用来显示用户输入代码

.pre-scrollable (Y轴出现滚动条)

表格

.table:基础表格

.table-striped:斑马线表格

.table-bordered:带边框的表格

.table-hover:鼠标悬停高亮的表格

.table-condensed:紧凑型表格

.table-responsive:响应式表格(会出现横向滚动条)

表格--表格行的类(行的背景颜色)

.active 表示当前活动的信息

.success 表示成功或者正确的行为

.info 表示中立的信息或行为

.warning 表示警告,需要特别注意

.danger 表示危险或者可能是错误的行为

基础表单

.form-group

.form-control

最新回复

还没有人回复哦,抢沙发吧~

发布回复

为您推荐

热门交流