bootstrap css入门.ppt

Bootstrap
目录
Bootstrap 基本模板
栅格系统
排版
......
Bootstrap介绍
简介
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。
特点
Bootstrap是基于jQuery框架开发的,它在jQuery框架的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。
所有 JavaScript 插件都依赖 jQuery,因此jQuery必须在Bootstrap之前引入, "jquery"版本必须">= "。
快速响应式开发-bootstrap
优势
支持响应式开发
丰富的组件
高大上:界面美观大方上档次
已应用于电视互动管理后台
未来向所有平台、项目中推广
快速响应式开发-bootstrap
什么是响应式?
丰富的组件
您可以创作演绎作品
您必须按照作者或者许可人指定的方式对作品进行署名
您不得将本作品用于商业目的
基本模板
栅格class在屏幕宽度大于或等于阈值的设备上起作用,并且将
针对小屏幕设备所设置的class覆盖掉。因此,对任何一个元素
-md- class 将不仅作用于中等尺寸的屏幕,还将
作用于大屏幕设备(-lg- class的话)。
您必须按照作者或者许可人指定的方式对作品进行署名
您不得将本作品用于商业目的
栅格系统
HTML中的所有标题标签,从<h1> 到<h6> 均可用。
另外, class,为的是给inline属性的文本赋予标题的样式。
在标题内还可以包含<small>,可以用来标记副标题。
。
排版
文本对齐
基本缩略语
如想看完整的内容可把鼠标悬停在缩略语上, 但需要包含title属性。
。
将任何HTML裹在<blockquote>之中即可表现为引用。
对于直接引用,我们建议用<p>标签。
排版