Bootstrap 大型网格

要创建 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 col-md-6 col-lg-4" 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 col-md-6 col-lg-8" 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>
      </div>
   </body>
</html>

更新时间: 12-Jun-2020

157 次查看

启动你的 事业

通过完成课程获得认证

开始
广告