我正在學習引導程式,今天我想使用邊距和填充,但是處理這些我面臨著引導程式的奇怪行為,每當我應用整體填充或填充頂部或填充底部時,它都可以正常作業,但是當我向左應用填充或向右應用填充時確實,根本不會影響頁面,并且與左邊距和右邊距完全相同,任何人都可以在這方面幫助我,謝謝:
`
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="Bootstrap/bootstrap.css">
<title>Document</title>
<style>
.container{border: 4px solid #000;}
.row{border: 3px solid indianred;}
.pink{background: lightpink;}
.orange{background: orange;}
.cyan{background: cyan;}
.blue{background: lightblue;}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{border: 2px solid blue;}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-6 p-5 orange">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit ex magni soluta, odio sed nihil.
</div>
<div class="col-4 pl-5 blue">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, quos. ipsum dolor sit amet, consectetur adipisicing elit. Beatae, alias.
</div>
</div>
</div>
</body>
</html>
`
uj5u.com熱心網友回復:
我目前沒有使用舊版本 我使用的是最新版本 我沒有包含 bootstrap js 檔案可能是它導致問題嗎?
– 阿燕
最新版本是 v5.1.1,您可以在 currents 檔案中看到間距實用程式類的符號是如何變化的。
這是一個 CSS 問題,不受包含或排除 bootstrap.js 的影響
為了支持從右到左的文本方向,基本上l& r(左/右) 已被放棄而支持s& e(開始/結束)。所以s&e將根據文本方向是 LTR 還是 RTL 在左右之間翻轉。他們將每個對l/r和left/ 的參考分別更改right為s/e和start/ end,貫穿整個框架。
uj5u.com熱心網友回復:
在引導程式中,您需要使用左側和右側的類作為左邊界的 ml 和右邊界的 mr。這同樣適用于填充。例如,在這里我已經為您的代碼應用了余量并且它起作用了,請檢查并相應地進行調整:
<div class="col-6 p-5 ml-5 orange">
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/320881.html
