- 国内CDN加速使用(如下源代码外部引用)
- 官网下载使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- width=device-width表示宽度是设备屏幕的宽度-->
<!-- intital-scale=1 表示初始的缩放比例-->
<!-- shrink-to-fit=no 表示自动适应手机屏幕的宽度-->
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<!-- 引入bootstrap文件--->
<!-- 新 Bootstrap4 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<!-- Bootstrap4 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<title></title>
</head>
<body>
<!-- 2大容器类 -->
<!-- 容器类1 固定宽度 -->
<div class="container">
<h1>第一类BootStrap 页面</h1>
<p>段落文本</p>
</div>
<!-- 容器类2 全屏宽度 -->
<div class="container-fluid">
<h1>第二类BootStrap 页面</h1>
<p>使用了.container-fluid,100宽度，占据全部视口(viewport)的容器</p>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
