前端基础之Bootstrap

An open source toolkit for developing with HTML, CSS, and JS.

Posted by youyue on January 10, 2018

一 全局CSS样式

设置全局 CSS 样式;基本的 HTML 元素均可以通过 class 设置样式并得到增强效果;还有先进的栅格系统。 完整版

概览

响应式布局需要在 <head> 之中添加 viewport 元数据标签 ```

## 栅格系统
.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6
## 排版
对齐:

Left aligned text.

Center aligned text.

Right aligned text.

Justified text.

No wrap text.

## 表格
带边框的表格:
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
## 表单
水平排列的表单:
## 按钮
各种样式:


# 二 组件
[完整版](https://v3.bootcss.com/components/)
> 无数可复用的组件,包括字体图标、下拉菜单、导航、警告框、弹出框等更多功能。
## 下拉菜单 
## 导航 
胶囊式标签页:
## 导航条
默认样式的导航条:
## 分页
# 三 JS插件
[完整版](https://v3.bootcss.com/javascript/)
> jQuery 插件为 Bootstrap 的组件赋予了“生命”。可以简单地一次性引入所有插件,或者逐个引入到你的页面中。
## 模态框
## 轮播图

```