Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能最佳化而来。
基本介绍
- 软体名称:Bootstrap
- 开发商:Twitter
- 软体平台:IE/Chrome/Opera/Firefox/Safari等
- 软体版本:v4.2.1(稳定版)
- 更新时间:2018-12-22
- 软体语言:HTML、CSS、JavaScript
- 软体大小:656K
- 软体授权:美国Twitter公司
版本形态
目前使用较广的是版本2、3和4,其中2的最新版本的是2.3.2,3的最新版本是3.3.7,4的最新版本是4.3.0
在2018年1月下旬,Bootstrap团队发布了Bootstrap 4 正式版,4的最主要变化包括以下方面:
- 从 Less 迁移到 Sass
- 改进格线系统
- 预设弹性框支持
- Dropped wells, thumbnails, and panels for cards
- 合併所有 HTML resets 到一个新的模组中:Reboot
- 全新自定义选项
- 不再支持 IE8
- 重写所有的 JavaScript 外挂程式
- 改进工具提示和 popovers 的自动定位
- 改进文档
- 其他大量改进
包含内容
- 基本结构:Bootstrap 提供了一个带有格线系统、连结样式、背景的基本结构。这将在Bootstrap 基本结构部分详细讲解。
- CSS:Bootstrap 自带以下特性:全局的 CSS设定、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的格线系统。这将在Bootstrap CSS部分详细讲解。
- 组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉选单、导航、警告框、弹出框等等。这将在布局组件部分详细讲解。
- JavaScript 外挂程式:Bootstrap包含了十几个自定义的jQuery 外挂程式。您可以直接包含所有的外挂程式,也可以逐个包含这些外挂程式。这将在Bootstrap外挂程式部分详细讲解。
- 定製:您可以定製Bootstrap的组件、LESS 变数和jQuery 外挂程式来得到您自己的版本。
支持组件
Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件:
下拉选单、按钮组、按钮下拉选单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等
支持外挂程式
Bootstrap自带了13个jQuery外挂程式,这些外挂程式为Bootstrap中的组件赋予了“生命”。其中包括:
模式对话框、标籤页、滚动条、弹出框等。
框架代码
可以对Bootstrap中所有的CSS变数进行修改,依据自己的需求裁剪代码。
套用案例
Less 是一个 CSS 预处理器,让 CSS 具有动态性。另一方面,Bootstrap 是一个快速开发 Web App 和站点的工具包。这样,您可以在 CSS 中使用 Bootstrap 的 Less 变数、mixins(混合)和 nesting(嵌套)。
定製Bootstrap
