我有以下三列布局：
<!DOCTYPE html>
<html lang="fr">
<head>
<title>youpi</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJ
kqJByhZMI3AhiU" crossorigin="anonymous">
</head>
<body>
<div class="row">
<div class="col-md-4">hey</div>
<div class="col-md-5">hey</div>
<div class="col-md-3">hoo</div>
</div>
</body>
</html>
遺憾的是，最后一個 col 的填充使水平滾動條出現：
有什么我做錯了嗎？IIRC 它沒有發生在引導程式 4 中。
（僅在 Firefox 92 中測驗。）
uj5u.com熱心網友回復：
你好 Julien 在 row 類上有一個邊距右側，它弄亂了布局。您可以重置此邊距以修復布局
uj5u.com熱心網友回復：
哦，這是引導程式 4 到 5 遷移檔案中的檔案，我沒有完全閱讀：
Breaking 將 .no-gutters 重命名為 .g-0 以匹配新的 gutter 實用程式。
sed -i s/no-gutters/g-0/ 修復！
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/320845.html
標籤：html 推特引导 bootstrap-5
上一篇：中心影像覆寫影像回應網站
下一篇：基于道具的元素的條件渲染順序？