我正在学习 Bootstrap ，今天我想与利润和填充，但处理这些我面临着 Bootstrap 的怪异行为，每当我申请整体填充或填充顶部或填充底部它的工作完全正常，但当我申请填充左或填充右它做，NT影响页面在所有和完全相同的情况下，与利润左和利润右可以有人帮助我在这方面感谢：
`
<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>字符串
`
1条答案
按热度按时间r7knjye21#
我没有使用旧版本，目前我使用的是最新版本，我没有包括 Bootstrap 的js文件可能是它导致的问题？
最新的版本是v5.1.1，你可以在当前的文档中看到间隔实用程序类的符号是如何改变的。
这是一个CSS问题，不受包含或排除bootstrap.js的影响。
基本上是
l和r（左/右）已被放弃，转而支持s和e（开始/结束），以支持从右到左的文本方向。因此，s和e将根据文本方向在左和右之间翻转是LTR还是RTL。他们将每个引用改为l/r和left/right到s/e和start/end。