引导小网格
为小型设备创建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-fluid">
<h1>Grid</h1>
<div class = "row">
<div class = "col-sm-3" style = "background-color:orange; 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-9" 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>