Bootstrap下载: Bootstrap官网
4.0 .zip 文件包括 CSS和JS文件
放到本地项目文档中。
Bootstrap依赖于Jquery : JQuery官网
Jquery 目前是3.3.1,包括压缩版(jquery-3.3.1.min.js)、未压缩版(jquery-3.3.1.js)、map版(jquery-3.3.1.min.map)、瘦身版(jquery-slim.min.js)。
一、引用 必须严格按照这个顺利
1.<!doctype html>
2.<head>部分
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" type="text/css" ref="../assets/bootstrap/css/bootstrap.min.css">
<!-- Custom styles for this template -->
<link rel="stylesheet" type="text/css" href="../assets/style.css">
3.<body>部分
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="../assets/js/vendor/jquery-slim.min.js"></script>
<script type="text/javascript" src="../assets/bootstrap/js/bootstrap.min.js"></script>
二、相关知识点
1.Bootstrap提供了两个class,一个是全屏,一个是非全屏:
1.1 container 类用于固定宽度并支持响应式布局的容器。
1.2 container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器。