gpt4 book ai didi

bootstrap-4 - Bootstrap 4 - 嵌套列 - 在 col-11 内安装 4 列

转载 作者:行者123 更新时间:2023-12-05 08:32:12 25 4
gpt4 key购买 nike

<分区>

我试图在 col-11 中放置 4 列,但这些列垂直堆叠。有人可以帮我纠正/解释这种行为吗?这是相同的代码和 codepen 示例:

https://codepen.io/anon/pen/VEyyOp

<!DOCTYPE html>
<html lang="en">

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"/>
</head>

<body>
<div class="container-fluid no-gutters">

<div class="row no-gutters">
<div class="col-1">PHASES</div>
<div class="col-11 no-gutters">
<div class="col-3 col-md-3 col-sm-3 col-lg-3">DISCOVER</div>
<div class="col-3 col-md-3 col-sm-3 col-lg-3">DESIGN</div>
<div class="col-3 col-md-3 col-sm-3 col-lg-3">DELIVER</div>
<div class="col-3 col-md-3 col-sm-3 col-lg-3">DEPLOY</div>
</div>
</div>
</div>
</body>

</html>

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com