我正在学习引导程序,今天我想处理边距和填充,但是处理这些时,每当我应用整体填充或填充顶部或填充底部时,我都会遇到引导程序的奇怪行为,它工作得很好,但是当我应用左填充或右填充时它根本不会影响页面,左边距和右边距的情况完全相同,任何人都可以在这方面帮助我,谢谢:
`
<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>
`
我目前没有使用旧版本,我正在使用最新版本,我没有包含 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
。
在bootstrap 5和最新版本中,pl更改为ps,pr更改为pe,(s表示“开始”,e表示“结束”),如果想工作pl并pr转到旧版本的bootstrap