了解Bootstrap5装订线

问题描述

有人可以创建一段示例代码来演示Bootstrap 5中g- *类的用法吗？

我尝试了以下操作，但似乎什么也没做：

<!doctype html>
<html lang="en">
  <head>
    <!-- required Meta tags -->
    <Meta charset="utf-8">
    <Meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha2/css/bootstrap.min.css" integrity="sha384-DhY6onE6f3zzKbjUPRc2hOzGAdEf4/Dz+WJwBvEYL/lkkIsI3ihufq9hk9K4lVoK" crossorigin="anonymous">
    <style>
        div {
            border: 1px solid black;
        }
    </style>

  </head>
  <body>
    <div class="container">
        <div class="row gy-2 ">
          <div class="col-4">1A</div>
          <div class="col-4">1B</div>
        </div>
        <div class="row">
          <div class="col-4">2A</div>
          <div class="col-4">2B</div>
        </div>
      </div>
    <!-- Optional JavaScript -->
    <!-- jQuery first,then Popper.js,then Bootstrap JS -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha2/js/bootstrap.bundle.min.js" integrity="sha384-BOsAfwzjNJHrJ8cZidOg56tcQWfp6y72vEJ8xQ9w6Quywb24iOsW913URv1IS4GD" crossorigin="anonymous"></script>
  </body>
</html>

'align-items-center'类也可以这样说。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

containers gutter html spacing twitter-bootstrap

了解Bootstrap5装订线

问题描述

解决方法

相关问答