如何在 bootstrap 5 中留下填充？

Question

在 bootstrap 4 中，我们使用 ps5 进行左填充，在 bootstrap 5 中它不起作用。

<div class="col-md-6 col-9 p-3 pl-5"> in bootstrap5 this code is not working

Answer 1

根据 to the documentation class 名称是 ps- 或 pe- ... 意思是开始/结束而不是左或右。

原因是，如果您从 RTL 切换到 LTR 站点，您的填充仍会从正确的一侧应用。

<div class="ps-2">I have a padding left on LTR and a padding right on RTL languages</div>

Answer 2

在bootstrap-5中pl和pr分别被替换为ps和pe。

`

  <div className="col-md-4 pt-5 ps-3" style={colBorder}>Lorem ipsum dolor sit 


                         amet consectetur adipisicing elit. Quasi, sed!</div>


  <div className="col-md-4 pb-5 pe-5" style={colBorder2}>Lorem ipsum dolor sit 


                         amet consectetur adipisicing elit. Quasi, sed!</div>


</div>

`

如何在 bootstrap 5 中留下填充？

How to do padding left in bootstrap5?

html

css

frontend

bootstrap-modal

bootstrap-4