Bootstrap使用笔记【DOC精选】.doc

Bootstrap学习笔记 Bootstrap使用的某些HTML元素和CSS属性需要文档类型为HTML5 。因此这一文档类型必须出现在项目的每个页面的开始部分 !DOCTYPE html html lang=en ... /html HTML中定义的所有标题标签, 从h1 到 h6 都是可用的Bootstrap定义的全局 font-size 是 14px，line-height 是 20px。这些样式应用到了 body 和所有的段落上。另外，对 p (段落)还定义了1/2行高(默认为10px)的底部外边距(margin)属性。 Bootstrap之前必须要将bootstrap.css或者bootstrap.min.css（压缩版）引入到页面中，它定义了Bootstrap的基本样式。如果需要使用Bootstrap提供的组件，要将bootstrap.js或者bootstrap.min.js（压缩版）引入到页面中。因为bootstrap的JS插件需要Jquery的支持，所有在引入bootstrap.js之前必须将Jquery.js也引入到页面上。另外如果你希望你的页面支持响应式布局，必须引入bootstrap-responsive.css或者bootstrap-responsive.min.css（压缩版），它主要提供页面在移动设备上的显示样式支持，需要注意的是bootstrap-responsive.css必须放置在bootstrap.css之后，否则便不具有响应式布局功能Bootstrap3的版本中，bootstrap.css和bootstrap-responsive.css已经合并了。 代码样式 Bootstrap提供了代码样式，用于在页面上展示代码，以此来区分于正文的区别，如果是行内嵌套代码，可以用code标签，但是对于代码中的符号要进行转换（lt;是、gt;是）例如： !--正文中内嵌代码块-- pFor example, codelt;sectiongt;/code should be wrapped as inline./p 如果是代码块可以用pre标签，同样的，代码中的要将代码中的尖括号做.table-condensed 类，如果想为表格添加颜色选择情景类.success 表示成功或积极的行为。 .error 表示一个危险或存有潜在危险的行为。 .warning 表示警告，可能需要注意。 .info 作为一个默认样式的一个替代样式。 个单独的表单控件都已经被赋予了样式。默认是堆叠、label左侧对齐并在控件之上Bootstrap包含3个可选的常用表单布局搜索表单行内表单水平表单 legend行内表单/legend !--为表单增加.form-inline类， 结果是一个压缩型排列的表单，其中label左侧对齐、控件为inline-block类型。-- form class=form-inline input type=text class=input-small placeholder=Email input type=password class=input-small placeholder=Password label class=checkbox input type=checkbox Remember me /label button type=submit class=btnSign in/button /form legend水平表单/legend !-- 为表单添加.form-horizontal类 将label和控件包裹在.control-group中 为label添加.control-label类 将任何相关的控件包裹在.controls中，以确保最佳的对齐 -- form class=form-horizontal div class=control-group label class=control-label for=inputEmailEmail/label div class=controls input type=text id=inputEmail placeholder=Email /div /div div class=control-group label class=control-label for=inputPasswordPassword/label div class=controls input type=password id=inputPassword