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>

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！

Bootstrap大网格

相关文档推荐