gpt4 book ai didi

html - 新安装的 Bootstrap 少于 12 列

转载 作者:太空宇宙 更新时间:2023-11-03 23:31:28 26 4
gpt4 key购买 nike

我最大限度地简化了代码以使其可读。我没有对 Bootstrap 文件夹进行任何更改。所以这是“简化的”HTML 页面:

<!DOCTYPE html>
<head>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
</head>

<body>
<div class="container">

<div class="col-sm-3">3
<div class="row">
<div class="col-sm-1">1</div>
<div class="col-sm-1">2</div>
<div class="col-sm-1">3</div>
<div class="col-sm-1">1</div>
<div class="col-sm-1">2</div>
<div class="col-sm-1">3</div>
<div class="col-sm-1">1</div>
<div class="col-sm-1">2</div>
<div class="col-sm-1">3</div>
<div class="col-sm-1">1</div>
<div class="col-sm-1">2</div>
<div class="col-sm-1">3</div>
</div>
</div>

</div>
</body>
</html>

以及我的网络浏览器上显示的内容:

3
1 2 3 1 2 3 1 2 3
1 2 3

使用框架 CSS 脚本,我可以设法看到“剪切”大约发生在第 9 列的中间(而不是第 12 列的末尾)。

有什么想法吗?

最佳答案

如果你想这样做删除填充

.col-sm-1{
padding:0 !important;
}

关于html - 新安装的 Bootstrap 少于 12 列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25225452/

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