引导网格堆叠到水平网格
您可以尝试运行以下代码以在Bootstrap中创建堆叠到水平网格的网格-
示例
<!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">
<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 2026新年祝福语简短语
17 简短创意祝福语有什么
18 女性生日祝福语简短优美