 GPT答： |
7i24.cn
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bootstrap Grid System Demo</title>
<!-- 引入Bootstrap样式文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.4.1/css/bootstrap.min.css">
</head>
<body>
<div class="container-fluid">
<div class="row">
<!-- 左侧栏，占据3个列 -->
<div class="col-md-3" style="background-color: #f5f5f5;">
左侧栏
</div>
<!-- 主内容区，占据9个列 -->
<div class="col-md-9" style="background-color: #e6e6e6;">
主内容区
</div>
</div><!-- row end-->
</div><!-- container end-->
<!-- 引入jQuery和Bootstrap的JavaScript文件 -->
<script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</body>
</html>
|
