引导程序左右填充不起作用

问题描述 投票:0回答:2

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

`

<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>

`

twitter-bootstrap bootstrap-4 twitter-bootstrap-3
2个回答
46
投票

我目前没有使用旧版本,我正在使用最新版本,我没有包含 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


0
投票

在bootstrap 5和最新版本中,pl更改为pspr更改为pe,(s表示“开始”,e表示“结束”),如果想工作plpr转到旧版本的bootstrap

© www.soinside.com 2019 - 2024. All rights reserved.