摘要： 简介 栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理： “行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中 阅读全文

摘要： 渐进增强（progressive enhancement）：针对低版本浏览器进行构建页面，保证基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 优雅降级（graceful degradation）：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。 区别：优雅 阅读全文

摘要： 基本实例 单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中可以获得最好的排 阅读全文

摘要： 基本实例 条纹状表格 通过 .table-striped 类可以给 <tbody> 之内的每一行增加斑马条纹样式。 带边框的表格 添加 .table-bordered 类为表格和其中的每个单元格增加边框。 鼠标悬停 通过添加 .table-hover 类可以让 <tbody> 中的每一行对鼠标悬停状 阅读全文

摘要： 图片太多一次性展示不完，就可以用轮播效果，而轮播效果代码块如下： <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- 在下方正中部分显示特殊的数字序号块 --> <ol class="carousel-indi 阅读全文

摘要： 行内元素居中 text-align 块级元素居中，在布局外层DIV盒子时候使用margin:0 outo 绝对定位居中 position:absolute 要设置left ,top ,margin-left ,margin-top的值 或是使用position:fixed 但是要配合margin:a 阅读全文

摘要： bootstrap中的分页 首先默认分页代码 <nav> <ul class="pagination"> <li> <a href="#" aria - label="previous"> <span aria - hidden="true">&laquo;</span> </a> </li> <l 阅读全文

摘要： CSS3动画效果 animation:名字 1s ease 3s infinite alternate; animation-name:(名字)(调用一个已定义好的动画规则) animation-duration:(动画持续的时间) animation-timing-function:(曲线)(动画 阅读全文

摘要： 工具提示的代码： title：里面的是内容 这个工具提示就是鼠标指上去的时候会弹出你所要提示的信息，它的位置可设置在文本内容的前后左右<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement= 阅读全文

摘要： 模态框经过了优化，更加灵活，以弹出对话框的形式出现，具有最小和最实用的功能集。其实例代码如下： 阅读全文