认识 Bootstrap4

Data: 2018-05-31 20:12:33Form: JournalClick: 11

# 认识 Bootstrap4

# 一、介绍

官网：https://v4.bootcss.comopen in new window
什么是响应式框架？
- 响应式布局是一种设计实践，以前看网站都是在电脑的浏览器上，现在智能手机越来越普及，还包括平板，不同的型号，屏幕尺寸，手机上需要看网页，导致以前的网页布局，无法在多设备上，查看。需要把网页做成电脑端、手机端、平板端，多个客户端，使工作量增大。。为了解决多客户端的问题，响应式布局就出来了。
- 响应式布局，Bootstrap 算比较早的一批框架，设计的也很不错，所以现在很多大公司都在用。
Bootstrap4 是简单、灵活的用于搭建 WEB 页面的 HTML、CSS、Javascript 的工具集
Bootstrap 基于 HTML5 和 CSS3，具有漂亮的设计、友好的学习曲线、卓越的兼容性，还有 12 列响应式栅格结构，丰富的组件等等
按照官网的宣传来说，Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目

# 二、下载使用

# 1、下载安装

bootstrap/
├── css/
│   ├── bootstrap-grid.css              Bootstrap 网格布局
│   ├── bootstrap-grid.css.map
│   ├── bootstrap-grid.min.css
│   ├── bootstrap-grid.min.css.map
│   ├── bootstrap-reboot.css            Bootstrap CSS重置，重置一些标签，没有样式
│   ├── bootstrap-reboot.css.map
│   ├── bootstrap-reboot.min.css
│   ├── bootstrap-reboot.min.css.map
│   ├── bootstrap.css                   Bootstrap核心CSS文件
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css               Bootstrap核心CSS文件 压缩文件
│   └── bootstrap.min.css.map
└── js/
    ├── bootstrap.bundle.js
    ├── bootstrap.bundle.js.map
    ├── bootstrap.bundle.min.js
    ├── bootstrap.bundle.min.js.map
    ├── bootstrap.js
    ├── bootstrap.js.map
    ├── bootstrap.min.js
    └── bootstrap.min.js.map

# 2、`cdn` 安装

<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.css"/>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js"></script>

我是 PHP 程序员

认识 Bootstrap4

# 认识 Bootstrap4

# 一、介绍

# 二、下载使用

# 1、下载安装

# 2、cdn 安装

# 2、`cdn` 安装