继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Bootstrap常用类学习笔记

聆听夜雨
关注TA
已关注
手记 1
粉丝 0
获赞 3

.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、使用<code></code>来显示单行内联代码
2、使用<pre></pre>来显示多行块代码
3、使用<kbd></kbd>来显示用户输入代码
.pre-scrollable (Y轴出现滚动条)

表格
.table:基础表格
.table-striped:斑马线表格
.table-bordered:带边框的表格
.table-hover:鼠标悬停高亮的表格
.table-condensed:紧凑型表格
.table-responsive:响应式表格(会出现横向滚动条)

表格--表格行的类(行的背景颜色)
.active 表示当前活动的信息
.success 表示成功或者正确的行为
.info 表示中立的信息或行为
.warning 表示警告,需要特别注意
.danger 表示危险或者可能是错误的行为

基础表单
.form-group
.form-control

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP