《bootstrap的使用手册及学习笔记》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、软酷网官网：www.ruanko.comBootstrap的使用手册及学习笔记Bootstrap是基于HTML5和CSS3开发的用于前端开发的工具包。关于Bootstrap的介绍和下载，大家可以去搜索查看。Bootstrap使用的某些HTML元素和CSS属性需要文档类型为HTML5的文件类型。因此这一文档类型必须出现在项目的每个页面的开始部分：23...4HTML中定义的所有标题标签,从

到

都是可用的。Bootstrap定义

2、的全局font-size是14px，line-height是20px。这些样式应用到了和所有的段落上。另外，对

(段落)还定义了1/2行高(默认为10px)的底部外边距(margin)属性。在使用Bootstrap之前必须要将bootstrap.css或者bootstrap.min.css（压缩版）引入到页面中，它定义了Bootstrap的基本样式。如果需要使用Bootstrap提供的组件，要将bootstrap.js或者bootstrap.min.js（压缩版）引入到页面中。因为bootst

3、rap的JS插件需要Jquery的支持，所有在引入bootstrap.js之前必须将Jquery.js也引入到页面上。另外如果你希望你的页面支持响应式布局，必须引入bootstrap-responsive.css或者bootstrap-responsive.min.css（压缩版），它主要提供页面在移动设备上的显示样式支持，需要注意的是bootstrap-responsive.css必须放置在bootstrap.css之后，否则便不具有响应式布局功能。当然在Bootstrap3的版本中，bootstrap.c

4、ss和bootstrap-responsive.css已经合并了。一、代码样式Bootstrap提供了代码样式，用于在页面上展示代码，以此来区分于正文的区别，如果是行内嵌套代码，可以用标签，但是对于代码中的符号要进行转换（<是<、>是>）例如：

Forexample,

shouldbewrappedasinline.

如果是代码块可以用

标签，同样的，代码中的要将代码中的尖括号做转换。例如：1
5、--.pre-scrollable，其作用是设置max-height为350px，并在垂直方向展示滚动条-->234
Sampletexthere...
5...
6...
7...
8...
9...
6、p>软酷网官网：www.ruanko.com10...
1112

二、表格基本的表格样式可以用标签。例如：1

正常表格

27

7、dtable-borderedtable-hover">8

91011121314151617181920212223

FirstName	LastName	Username
Mark	Otto	@mdo
Jacob	Thornton	@fat

如果想让表格的内容更紧凑一点可以为表格添加.table-c

8、ondensed类，如果想为表格添加颜色可以选择情景类，情景类有：.success表示成功或积极的行为.error表示一个危险或存有潜在危险的行为.warning表示警告，可能需要注意.info作为一个默认样式的一个替代样式例如：12