Bootstrap4代码模板

直接上代码:

<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <!--为了保证在移动端能够正常显示-->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <!--导入Bootstrap4文件-->
    <link rel="stylesheet" href="bootstrap4/css/bootstrap4.css">
    <title>Hello, world!</title>


</head>
<body>
<h1>Hello, world!</h1>

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="bootstrap4/js/jquery-3.1.1.js"></script>
<!--在Bootstrap4中,很多提示/弹窗都是需要popper.min.js来实现的-->
<script src="bootstrap4/js/popper.js"></script>
<!--加载Bootstrap所有的JS插件,你也可以根据需求,只加载单个插件-->
<script src="bootstrap4/js/bootstrap.js"></script>
</body>
</html>
文件路径如图: