Bootstrap——前端开发框架

VIP文章根正苗红小少年

已于 2022-10-31 02:30:30 修改

阅读量352

点赞数

分类专栏：一些别的记录文章标签： bootstrap css3

于 2022-10-31 02:25:24 首次发布

本文链接：https://blog.csdn.net/gzmhxsn/article/details/127608109

版权

Bootstrap[1]

响应式开发：

使用媒体查询针对不同宽度的设备进行布局和样式的设置，达到适配的目的。

设备	大小
手机	<768px
平板	768~992px
桌面显示屏	992~1200px
大桌面显示屏	>1200px

Bootstrap —— 前端开发框架

官方文档

简介：是目前最受欢迎的前端框架——基于html、css、javascript
功能：通过提供一系列响应式方案，方便前端人员编写出高响应式强语义化的web界面。

注意： Bootstrap 的所有 JavaScript 插件都依赖 jQuery，因此 jQuery 必须在 Bootstrap 之前引入

使用

Bower进行安装 bower install bootstrap
npm进行安装 npm install bootstrap@3
Composer 进行安装 composer require twbs/bootstrap

html头部直接引用——要先引入JQuery

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" 				integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ"