Bootstrap 简单介绍

简单介绍

Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的,用于快速开发 Web 应用程序和网站的前端框架。

Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的前端框架。

Bootstrap是一款CSS/HTML的框架库,目前最新版本V5.2.0;

Bootstrap集成了各种常用的前端(HTML、CSS和JavaScript)组件库;

Bootstrap用于响应式前端布局,移动设备优先的Web项目开发;

Bootstrap官网 https://getbootstrap.com/

在学习Bootstrap之前需要有HTML5的学习基础;

bootstrap

下载和目录

p从官网上下载压缩包: bootstrap-4.5.0-dist.zip; p解压后有两个目录:css和js,以下是它的目录结构;

基本使用方法:

<!doctype html>
<html>
<head>
    <!-- 移动设备优先 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- 引入 Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <title>Bootstrap的安装和测试</title>
</head>
<body>
<h1>Bootstrap 开启,测试</h1>

<!-- 引入 JavaScript文件和jQuery -->
<!-- jQuery 第一个, 然后 Popper.js, 再然后 Bootstrap JS -->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js" ></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>