-
风格： 1、使用<code></code>来显示单行内联代码 2、使用<pre></pre>来显示多行块代码 3、使用<kbd></kbd>来显示用户输入代码 在使用代码时，用户可以根据具体的需求来使用不同的类型： 1、<code>：一般是针对于单个单词或单个句子的代码 2、<pre>：一般是针对于多行代码（也就是成块的代码） 3、<kbd>:一般是表示用户要通过键盘输入的内容 不管使用哪种代码风格，在代码中碰到小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代。查看全部
-
.table-responsive 响应式表格 写在表格所属的容器（div）内查看全部
-
.table-condensed 紧凑型表格（使单元格的内距变小）查看全部
-
.table-hover 行上单元格呈现出指向是有高亮的效果查看全部
-
水平定义列表就像内联列表一样，Bootstrap可以给<dl>添加类名“.dl-horizontal”给定义列表实现水平显示效果。 此处添加了一个媒体查询。也就是说，只有屏幕大于768px的时候，添加类名“.dl-horizontal”才具有水平定义列表效果。其实现主要方式： 1、将dt设置了一个左浮动，并且设置了一个宽度为160px 2、将dd设置一个margin-left的值为180px，达到水平的效果 3、当标题宽度超过160px时，将会显示三个省略号 语法 <dl class="dl-horizontal"><dt>标题一</dt><dd>内容描述</dd> <dt>标题二</dt><dd>内容描述</dd> </dl>查看全部
-
.table-bordered 带有边框的表格 table table-bordered查看全部
-
.table-striped 表格的斑马线的效果 用法 table table-striped查看全部
-
.table 基础的表格 给表格设置了margin-bottom:20px以及设置单元内距 在thead 底部设置了一个2px的浅灰实线 每个单元格顶部设置了一个1px的浅灰实线查看全部
-
通过添加类名“.list-inline”来实现内联列表，简单点说就是把垂直列表换成水平列表，而且去掉项目符号（编号），保持水平显示。也可以说内联列表就是为制作水平导航而生。查看全部
-
bootstrap模板为使IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可。 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 同理为使IE6、7、8版本浏览器兼容css3样式，引入下面代码： <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>查看全部
-
.active 表示当前活动的信息。（浅蓝） .success 表示成功或者正确的行为（浅绿） .info 表示中立的信息和行为（天蓝） .warning 表示警告，需要特别注意（浅黄色） .danger 表示危险或者可能错误的行为（浅红色）查看全部
-
Bootstrap所有JS插件依赖于JQuery，因此JQuery要在bootstrap之前引用查看全部
-
Bootstrap通过定义四个类名来控制文本的对齐风格： ☑ .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突出显示，可以通过添加类名“.lead”实现，其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理。 除此之外，Bootstrap还通过元素标签:<small>、<strong>、<b>、<em>和<cite>给文本做突出样式处理。分别是缩小、加粗、斜体、不用任何样式查看全部
举报
0/150
提交
取消