引导网格与流体容器堆叠成水平网格
要使用流体容器创建堆叠为水平网格的网格,请使用容器流体类。
此类允许容器跨越屏幕的整个宽度。
您可以尝试运行以下代码以使用流体容器创建网格-
示例
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Example</title>
<link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
<script src = "/scripts/jquery.min.js"></script>
<script src = "/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div class = "container-fluid">
<h1>Grid</h1>
<div class = "row">
<div class = "col-sm-6" style = "background-color:blue; color: white">
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text.
</div>
<div class = "col-sm-6" style = "background-color:red; color: white">
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text.
This is demo text.
</div>
</div>
</div>
</body>
</html>热门推荐
10 考上大学简短祝福语、
11 爸爸寿宴仪式祝福语简短
12 打麻将祝福语简短英文
13 弟弟考上军校祝福语简短
14 访贫问苦祝福语简短句子
15 毕业教师花语祝福语简短
16 客户祝福语事业文案简短
17 朋友新工作祝福语简短
18 学校生日祝福语简短独特