Bootstrap
为什么要使用框架？
在项目中，可能只是负责一部分细节，其他部分只管调用。但是如何确定其他部分是否可信、调用会不会出现bug？这时候就要用到框架了。框架较大程度上能够约束与规范每一位开发者的行为，不按框架很可能就会报错，这样多人协作就有了保证。
Bootstrap的特点：
跨设备、跨浏览器 ：可以兼容所有现代浏览器。
响应式布局：支持各个分辨率的PC端和移动端的响应式切换。
主要分为3大核心目录：css、js、font。
排版样式
在h1~h6之间可以嵌入small元素作为副标题：
<h1>Bootstrap<small>开源框架</small><h1>
水平描述列表
<dl class="dl-horizontal">
<dt>Bootstrap</dt>
<dd>Bootstrap 提供了一些常规设计好的页面排版的样式供开发者使用。</dd>
</dl>
内联代码：
<code><section></code>代码块：
<pre><p>Please input...</p></pre>
表格和按钮
//实现基本的表格样式
<table class="table">
//条纹状表格、带边框表格、悬停鼠标
<table class="table table striped table-bordered table-hover">
//状态类（active,success,info,warning,danger）
<tr class="success">
//响应式表格 ,表格父元素设置响应式，小于 768px 出现边框
<body class="table-responsive">
//转化为普通按钮
<button class="btn btn-default">button</button>
//btn-success,btn-info,bttn-warning,btn-danger,...
//按钮尺寸大小
从大到小：btn-lg/btn-/btn-sm/btn-xs
//激活状态、禁用按钮
<botton class="btn active">Button</botton>
<button class="btn disabled">Button</button>
扫一扫
5685
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
