关于Bootstrap前端框架的总结

这篇文章是自己学习 Bootstrap 之后做的一些知识的总结:

---

• 简介:

1. Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
2. Bootstrap 目前的最新版本是 Bootstrap4，利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统,可扩展的预制组件、基于 jQuery 的强大的插件系统，能够快速为你的想法开发出原型或者构建整个 app 。

• 优势:

1. 移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式;
2. 浏览器支持：所有的主流浏览器都支持 Bootstrap。-->Internet Explorer Firefox Opera Google Chrome Safari;
3. 容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap;
4. 响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机;
5. 它为开发人员创建接口提供了一个简洁统一的解决方案;
6. 它包含了功能强大的内置组件，易于定制;
7. 它还提供了基于 Web 的定制;
8. 它是开源的;

• 内容:

1. 基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构;
2. CSS：Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统;
3. 组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等;
4. JavaScript 插件：Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件;

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

Bootstrap CSS

---

实例链接

CSS 概览	实例
网格系统	实例
排版	实例
代码	实例
表格	实例
表单	实例
按钮	实例
图片	实例
辅助类	实例
响应式实用工具	实例

 

 

 

 

 

 

 

 

 

Bootstrap 布局组件

---

 实例链接

字体图标	实例
下拉菜单	实例
按钮组	实例
按钮下拉菜单	实例
输入框组	实例
导航元素	实例
导航栏	实例
面包屑导航	实例
分页	实例
标签	实例
徽章	实例
超大屏幕	实例
页面标题	实例
缩略图	实例
警告	实例
进度条	实例
多媒体对象	实例
列表组	实例
面板	实例
Well	实例

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Bootstrap 插件

---

实例链接

过渡效果	实例
模态框	实例
下拉菜单	实例
滚动监听	实例
标签页	实例
提示工具	实例
弹出框	实例
警告框	实例
按钮	实例
折叠	实例
轮播	实例
附加导航	实例