tammy1151的博客

Bootstrap入门基础（二）（网格系统、排版）1，网格选项后序学习中若遇到  xs , sm , md ,lg  要知道分别表示   手机设备，平板电脑，中型设备电脑，大型台式网格系统是通过指定您想要横跨的十二个可用的列来创建的。例如(随便举例，可自己设置)，3个 .col-xs-4  ；1个.col-sm-3 和 1个.col-sm-9   ;  2个.col-md-6

Bootstrap入门基础Bootstrap，来自Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。总的来说，Bootstrap已经准备好了基本的CSS样式，下载安装安装好预编译的Bootstrap,j就可以设计自己的Web了。可以从http://getbootstrap.com/

表格、表单1，表格样式使用：类响应式表格：把  .table 包在 .table-responsive class,表格水平滚动以适应小型设备（小于 768px）。当在大于 768px 宽的大型设备上查看时，没有差别。2，表单垂直表单（默认）：向父 元素添加 role="form"。把标签和控件放在一个带有 class .form-gr

按钮、图片、辅助类1,按钮按钮基本样式 .btn                       成功的动作 .btn-default默认按钮 .btn-default                 警告按钮  .btn-warming信息按钮 .btn-info                       链接 .btn-link块级按钮 .btn-block 

布局组件(一)1，字体图标含有字体图标两百多个，参看http://www.runoob.com/try/demo_source/bootstrap3-glyph-icons.htm用法：一个相应的class就是一个图标 class="glyphicon glyphicon-search">2，下拉菜单用法：在class.dropdown 内加下拉菜单即可 对

布局组件（二）1，分页默认分页 .pagination « 1 2 3 4 5分页状态 .disabled  \ active分页大小 .pagination-*默认的翻页 .pager对齐的链接 .previous / .next用法 ← Older Newer →翻页效果 .disab

插件    Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。利用 Bootstrap 数据 API（Bootstrap Data API），大部分的插件可以在不编写任何代码的情况被触发。注意：不要尝试同时引用这两个文件，因为 bootstrap.js 和 bootstrap.min.js 都包含了所有的插件。data属性:

bootstrap实现响应式导航栏PC机显示正常的长条导航，手机端实现折叠隐藏的按钮效果向 标签添加 class .navbar、.navbar-default（导航条背景白）navbar-inverse导航条背景黑。向上面的元素添加 role="navigation"，有助于增加可访问性。向 元素添加一个标题 class .navbar-header，内部包含了带有 clas

bootstrap实现图片轮播Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。代码如下： 标题