-
.table:基础表格
.table-striped:斑马线表格
.table-bordered:带边框的表格
.table-hover:鼠标悬停高亮的表格
.table-condensed:紧凑型表格
.table-responsive:响应式表格
例子:<table class="table table-striped table-bordered table-hover">
查看全部 -
控制代码块大小,使其有滚动条
<pre class="pre-scrollable">
查看全部 -
1、使用<code></code>来显示单行内联代码
2、使用<pre></pre>来显示多行块代码
3、使用<kbd></kbd>来显示用户输入代码
查看全部 -
<dl class="dl-horizontal">
查看全部 -
定义列表
<dl> defined list
<dt> defined title
<dd> defined description
查看全部 -
内联列表
北京 上海 南京 厦门
<ul class="list-inline">
查看全部 -
去点列表
<li class="list-unstyled"></li>
查看全部 -
有序列表 ol
无序列表 ul
查看全部 -
文本对齐类
.text-left:左对齐
.text-center:居中对齐
.text-right:右对齐
.text-justify:两端对齐
查看全部 -
.text-muted:提示,使用浅灰色(#999)
.text-primary:主要,使用蓝色(#428bca)
.text-success:成功,使用浅绿色(#3c763d)
.text-info:通知信息,使用浅蓝色(#31708f)
.text-warning:警告,使用黄色(#8a6d3b)
.text-danger:危险,使用褐色(#a94442)
查看全部 -
强调
<p><strong></strong></p>
查看全部 -
强调内容 <p class="lead"></p>
查看全部 -
把自己付费买的6500多元优达Udacity全栈视频课po下来了,需要的童鞋可➕某信:sum12358查看全部
-
假设下拉菜单有两个组,那么组与组之间可以通过添加一个空的<li>,并且给这个<li>添加类名“divider”来实现添加下拉分隔线的功能。
查看全部 -
特别声明:因为Bootstrap的组件交互效果都是依赖于jQuery库写的插件,所以在使用bootstrap.min.js之前一定要先加载jquery.min.js才会生效果。
查看全部
举报