第一回BootStrap 简介

Posted 2020-07-04 加油_linda

Twitter Bootstrap 是目前最受欢迎的前端框架，它简洁、直观、移动优先、强悍的前端开发框架，让web开发更迅速、简单。基于html、CSS和javascript。

为什么使用Bootstrap?

• 移动优先 - Bootstrap 3，框架包含移动优先样式，是贯穿整个库而不是单独的文件。
• 浏览器支持 - 支持所有流行浏览器
• 很容易开始 - 任何了解HTML和CSS的人都可以学习Bootstrap。并且Bootstrap官网也有文档。
• 响应式设计 - Bootstrap的响应式CSS适合桌面、平板电脑和手机。
• 为开发人员提供干净、统一的应用接口
• 包含了易定制的内置功能组件
• 提供了基于web的定制。
• 开源

Bootstrap 包的内容

基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。

CSS：Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。

组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。

JavaScript 插件：Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件。

定制：您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。

内容

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

 

http://www.tutorialspoint.com/bootstrap/bootstrap_overview.htm