摘要： 基础导航条： 使用方法：1. 首先在制作导航的列表（）基础上添加类名"navbar-nav" 2.在列表外部添加一个容器（div）,并且使用类名"navbar"和"navbar-default" ".navbar"样式的主要功能就是设置左右padding和圆角等效果，但是他和颜色相关... 阅读全文

摘要： bootstrap框架中制作导航条主要通过“.nav”样式。默认的.nav样式不提供默认的导航方式，必须附加另外一个样式才会有效，比如.nav-tabs,.nav-pill之类。导航（标签型导航）： 也称为选项卡导航，特别是在很多内容分块显示时，使用这种选项卡类分组十分合适。 标签形导航是通... 阅读全文

摘要： 按钮（按钮组） 使用方法：按钮组和下拉菜单组件一样，需要依赖于button.js插件才能正常运行。不过我们同样可以直接只调用bootstrap.js文件。使用一个名为btn-group的容器。 … 也可以使用别的标签，唯一要保证的是：不管使用什么标签，.b... 阅读全文

摘要： 下拉菜单（基本用法） 在使用Bootstrap框架的下拉菜单时，必须调用Bootstrap框架提供的bootstrap.js文件。当然，如果你使用的是未编译版本，在js文件夹下你能找到一个名为“dropdown.js”的文件。你也可以调用这个js文件。 注意：因为Bootstrap的组件交互效果... 阅读全文

摘要： 实现原理： 通过定义容器大小，平分12份（也有分为24份或32份，但12份是最常见的），在调整内外边距，最后结合媒体查询，就制作除了强大的响应式网格系统。工作原理： 1.数据行（.row）必须包含在容器（.container）中，以便为其赋予合适的对齐方式和内距（padding） 2.在行（.... 阅读全文

摘要： 图像： bootstrap中有以下几种样式风格： 1.img-responsive:响应式图片，主要针对响应式设计 2.img-rounded:圆角图片 3.img-circle:圆形图片 4.img-thumbnail:缩略图片 注意：对于圆角图片和圆形图片效果，以为是使用了css3的... 阅读全文

摘要： 基本按钮： bootstrap框架V3.x版本的基本按钮和V2.x版本的基本按钮一样，都是通过类名.btn来实现，不同的是V3.x版本要简约很多，去除V2.x版本中的大量的CSS3的部分特效。默认按钮： bootstrap框架首先通过基础类名.btn定义了一个基础的按钮风格，然后通过.btn-d... 阅读全文

摘要： 基础表单： 表单中常见的元素主要有：文本输入框、下拉选择框、单选按钮、复选按钮、文本框和按钮等。 bootstrap并未对齐做太多的的定制化效果设计，仅仅对表单内的fieldset、legend、label标签进行了定制。主要将这些元素的margin 、padding、border等进行了细化设... 阅读全文

摘要： 表格：bootstrap为表格提供了1种基础样式和4种附加样式以及一个支持响应式的表格。主要包括： .table:基础表格 .table-striped:斑马线表格 .table-bordered:带边框的表格 .table-hover:鼠标悬停高亮的表格 .table-condensed... 阅读全文

摘要： 代码（一） 在bootstrap中主要提供了三种代码风格：详见688行-730行 1.使用来显示单行内联代码 2.使用来显示多行块代码 3.使用来显示用户输入代码 在使用代码时，用户可以根据具体的需求来使用不同的类型： 1.:一般是针对当个单词或单个句子的代码 2.:一般是针对多行代码... 阅读全文