引导小网格

为小型设备创建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>

以上是 引导小网格 的全部内容, 来源链接: utcz.com/z/326565.html

回到顶部