如何在引导程序 5 中留下填充？

Posted 2023-03-05

【中文标题】如何在引导程序 5 中留下填充？

【英文标题】：How to do padding left in bootstrap5?

【发布时间】：2021-10-03 02:11:48

【问题描述】：

在 bootstrap4 中，我们使用 pl-5 向左填充，在 bootstrap5 中它不起作用。

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

【参考方案1】：

根据to the documentation，类名是ps- 或pe- ...表示开始/结束而不是左或右。

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

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

【讨论】：

非常感谢，这对我有用?

【参考方案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>

`