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

【问题标题】：How to do padding left in bootstrap5?如何在引导程序 5 中留下填充？
【发布时间】：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

【问题讨论】：

标签： html css bootstrap-4 frontend bootstrap-modal

【解决方案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>

【讨论】：