官网下载:
容器类
- .container 类用于固定宽度并支持响应式布局的容器
- .container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 导入普通样式包 -->
<link rel="stylesheet" href="../BootStrap/css/bootstrap.min.css">
<!-- 使用bs的插件 -->
<!-- 导入bootstrap 的js -->
<script src="../BootStrap/js/bootstrap.min.js"></script>
<title>div</title>
<link rel="stylesheet" href="../favicon.ico"/>
</head>
<body>
<div class="container mt-3" style="background-color:tomato">
<div class="p-5">两边留白</div>
</div>
<div class="container-fluid mt-5 bg-black text-white" >
<div>全屏</div>
</div>
</body>
</html>
效果: