Bootstrap 5.3.1版本中pl类左内边距失效问题咨询

• Bootstrap 5 已废弃pl-*这类方向固定的间距类，转而采用逻辑属性类适配不同文本方向（如从左到右LTR、从右到左RTL）。原pl（padding-left）被替换为ps（padding-start），同理pr→pe、ml→ms、mr→me。
• 你使用的pl-6是Bootstrap 4及更早版本的类，在Bootstrap 5.3.1中已不再支持，因此样式无法生效。

解决办法 #

直接将pl-6替换为Bootstrap 5对应的ps-6类即可，修改后的代码如下：

</head>
<body>
    <header class="bg-info "> 
        <div class="container">
      
        <div class="row text-white">
            <div class="col-md-6 p-3 ps-6 ">     
          
                <h2>Jebin Tom</h2>                  
            </div>
        <div class="col-md-6  ">         

        </div>
    </div>
</div>
</header>

若无需适配RTL布局，也可自定义CSS类实现相同效果：

.pl-6 {
    padding-left: 4.5rem; /* 数值与Bootstrap 5的spacer 6一致，由$spacer变量计算而来 */
}

但更推荐使用官方提供的ps-6，能保证项目切换文本方向时样式表现一致。

内容的提问来源于stack exchange，提问作者Jebin Tom