“文本对齐：左”的 Bootstrap 4 类答案

【问题标题】：Bootstrap 4 class for "text-align: left"“文本对齐：左”的 Bootstrap 4 类
【发布时间】：2019-02-09 12:17:40
【问题描述】：

我可以使用style 属性来使用text-align，但我想使用引导类。

相当于什么 style="text-align:left;" 在引导程序 4 中？

【问题讨论】：

这类问题是simply answered by reading the docs
使用'text-left'类，它是一个左对齐文本的引导类。

【解决方案1】：

简单的答案是，

<p class="text-right">Right aligned text on all viewport sizes.</p>

对于其他对齐方式，

<p class="text-left">Left aligned text on all viewport sizes.</p>
<p class="text-center">Center aligned text on all viewport sizes.</p>

在其他设备中对齐，

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

希望这会有所帮助。

【讨论】：

【解决方案2】：

在引导程序中，您可以将text-left 类用于style="text-align:left;"，有关更多信息，请查看此link

【讨论】：

问题是在 BootStrap 中 text-left 总是被父 div 取代，所以在所有涉及 bootstrap 容器的情况下都必须直接指定样式。他们的监督。