Bootstrap 左右填充不起作用

Aya*_*yan 11 twitter-bootstrap twitter-bootstrap-3 bootstrap-4

我正在学习引导程序,今天我想处理边距和填充,但是处理这些问题时,每当我应用整体填充或填充顶部或填充底部时,我都会遇到引导程序的奇怪行为,它工作得很好,但是当我应用向左填充或向右填充时,它就工作正常了完全不会影响页面,并且左边距和右边距的情况完全相同,任何人都可以在这方面帮助我,谢谢:

`

<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>
Run Code Online (Sandbox Code Playgroud)

`

Arl*_*Hix 48

\n

我目前没有使用旧版本,我正在使用最新版本,我没有包含 bootstrap js 文件,可能会导致问题吗?
\n\xe2\x80\x93 阿彦

\n
\n

最新版本是 v5.1.1,您可以在 currents 文档中看到间距实用程序类的表示法如何变化。

\n

这是一个 CSS 问题,不受包含或排除 bootstrap.js 的影响

\n

基本上,l& r(左/右)已被放弃,取而代之的是s& e(开始/结束),以支持从右到左的文本方向。因此s&e将根据文本方向 LTR 或 RTL 在左右之间翻转。他们在整个框架中将每个对l/r和/left的引用分别更改rights/estart/ 。end

\n