Bootstrap介绍

发布时间 2023-06-27 21:17:38作者: dadayacc

Bootstrap 是一个流行的前端 CSS 框架,可以帮助开发人员快速构建响应式、移动设备优先的网站和应用程序。以下是 Bootstrap 的使用详细攻略:

引入 Bootstrap: 

1、Bootstrap 可以通过 CDN 或本地文件引入。如果通过 CDN 引入,只需在 HTML 文件中添加以下代码即可:

<!-- CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css">

<!-- JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"></script>

2、如果要从本地文件引入 Bootstrap,请先下载 Bootstrap 的 CSS 和 JavaScript 文件,将需要使用的文件夹在控制台中打开,输入npm init -y来清除所有格式,然后输入npm i bootstrap来进行下载,然后在 HTML 文件中添加以下代码:

<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css">
<script src="node_modules/bootstrap/dist/js/bootstrap.js"></script>

引入 Bootstrap 后,可以使用 Bootstrap 提供的 CSS 类和 JavaScript 插件来构建网站和应用程序。

Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架,用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网 (bootcss.com)