我正在学习 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
。