-
<lable>标签的for属性：
for 属性规定 label 与哪个表单元素绑定。
例如：
<div class="form-group">
<label for="exampleInputEmail1">邮箱：</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="请输入您的邮箱地址">
</div>
其中lable与表单中的input绑定
查看全部 -
隔行显示灰色背景的表格：
<table class="table table-striped"> … </table>
查看全部 -
什么是响应式表格：
就是当屏幕小于768px时，表格下方会出现滚轮效果等
.table：基础表格
.table-striped：斑马线表格
.table-bordered：带边框的表格
.table-hover：鼠标悬停高亮的表格
.table-condensed：紧凑型表格
.table-responsive：响应式表格
查看全部 -
三种代码风格：
1、使用<code></code>来显示单行内联代码
2、使用<pre></pre>来显示多行块代码
3、使用<kbd></kbd>来显示用户输入代码【标识键盘输入的内容】注意：
不管使用哪种代码风格，在代码中碰到小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代。而且对于<pre>代码块风格，标签前面留多少个空格，在显示效果中就会留多少个空格。
查看全部 -
全屏和非全屏的显示：【利用dl水平定义列表】
效果：全屏时标题位于左侧，半屏时标题位于上侧
<dl class="dl-horizontal">
<dt>标题一：</dt>
<dd>描述内容</dd>
<dt>标题二：</dt>
<dd>描述内容</dd>
</dl>
查看全部 -
制作水平导航：【用内联列表 class="list-inline"】
<ul class="list-inline">
<li>北京</li>
<li>上海</li>
<li>南京</li>
<li>厦门</li>
</ul>
查看全部 -
无序列表做导航：
列表不需要编号，用 class="list-unstyled"去掉编号显示
查看全部 -
列表：
ul----无序
ol----有序
dl----定义
查看全部 -
1、如果是ie9以下的【IE6、7、8版本】，需要引入两个js，一个是让支持html5、一个是让支持兼容css3样式：
[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endid]
2、<meta http-equiv="X-UA-Compatible" content="IE=edge">-------为了保证ie运行最新的渲染模式
3、<meta name="viewport" content="width=device-width, initial-scale=1">-------虚拟视口，device-width使网页大小适配当前设备的分辨率，initial-scale=1使网页起始缩放为1
查看全部 -
<script src='https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js'></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>查看全部 -
.text-muted：提示，使用浅灰色（#999）
.text-primary：主要，使用蓝色（#428bca）
.text-success：成功，使用浅绿色(#3c763d)
.text-info：通知信息，使用浅蓝色（#31708f）
.text-warning：警告，使用黄色（#8a6d3b）
.text-danger：危险，使用褐色（#a94442）
查看全部 -
bootstrap中的js插件依赖于jQuery，因此jQuery要在bootstrap之前引用
查看全部 -
bootStrap 是简洁强大的前端开发框架，前端工具集；
是简单、灵活的用于搭建web页面的HTML，CSS，JavaScript的工具集
它基于HTML5与CSS3，卓越的兼容性
查看全部 -
div class="progress">div class="progress-bar"
查看全部 -
« »
查看全部
举报