介绍：

Bootstrap，来自?，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。?它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言写成

为何使用bootstrap：??

• 响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。更多有关响应式设计的内容详见?。

• 移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。

• 浏览器支持：所有的主流浏览器都支持 Bootstrap。

• 容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。

• 它是开源的。

bootstrap全局样式特点：

• 代码整洁
• 风格统一
• 美观易用

1.标题

标题: .h1~.h6

副标题：small

HTML 中的所有标题标签，

?到?

?均可使用。另外，还提供了?.h1?到?.h6?类，为的是给内联（inline）属性的文本赋予标题的样式。

Title 标题1 标题2 标题3 标题4 标题5 标题6副标题

2.内联文本元素

标记文本：mark，效果被包裹的文本加粗，同strong

无用文本：s,效果是被包裹的文本是被划掉的（同del）

插入文本：ins，效果是文本下面多下划线(与u类似)

小号文本：small，比普通文本小一些

demo：

Title 爱不仅爱你伟岸的身躯，也爱你坚持的位置

文本左对齐：.text-left

文本居中：.text-center

文本右对齐：.text-right

单词改变为大写：.text-uppercase

单词改变为小写：.text-lowercase

单词首字母大写：.text-capitalize

基本缩略语：abbr

?引用：footer，同.blockquote-reverse

3.表格

?html自带的表格似乎看起来有些难看，所以bootstrap提供了丰富多彩的表格样式

一般样式：.table

条纹间隔：.table-striped

带边框表格：.table-bordered

鼠标作出反应：.table-hover

?紧缩表格：.table-condensed

状态类：可设置不同单元格的颜色，.active|.success|.info|.danger|.warning

?更多请参考：http://v3.bootcss.com/css/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!