Bootstrap 5 text 左对齐右对齐

软件技术 前端
1

在 Bootstrap 4 中 text 左/右对齐

   <h1 class="text-right">右对齐</h1>
   <h1 class="text-left">左对齐</h1>
   <h1 class="text-center">居中</h1>

看了下官网在 bootstrap 5 中就不起作用了。

换成 text-start 和 text-end 了。

<p class="text-start">Start aligned text on all viewport sizes.</p>
<p class="text-center">Center aligned text on all viewport sizes.</p>
<p class="text-end">End aligned text on all viewport sizes.</p>

<p class="text-sm-start">Start aligned text on viewports sized SM (small) or wider.</p>
<p class="text-md-start">Start aligned text on viewports sized MD (medium) or wider.</p>
<p class="text-lg-start">Start aligned text on viewports sized LG (large) or wider.</p>
<p class="text-xl-start">Start aligned text on viewports sized XL (extra-large) or wider.</p>

最近我们遇到一个项目却是刚刚相反。

我们一直以为项目用的是 Bootstrap 5，后来查看代码后才是 Bootstrap 4。

所以在对项目进行使用的时候先要确定不同库的版本。