是否可以在引导框架内证明文本的合理性？答案

【问题标题】：Is it possible to justify text within the bootstrap framework?是否可以在引导框架内证明文本的合理性？
【发布时间】：2013-10-09 07:01:32
【问题描述】：

这可能是一个愚蠢的问题，但我敢肯定我不是唯一一个想知道的人。

我知道对齐类： Text Centered within the block element Text aligned to the right within the block element Text aligned to the left within the block element

Twitters Bootstrap 框架中是否有一组类可以证明文本的合理性？

例如Sample Text Goes Here

为什么 bootstrap 似乎没有包含诸如 text-align: justify 之类的实用程序函数？

【问题讨论】：

为什么不用text-align: justify定义你自己的css类？
可能是因为在网络上很少使用对齐的文本（并且印刷媒体每年都在远离传统的完全对齐）。不过，创建自己的.text-justify 课程是小孩子的游戏。
我更想知道为什么它没有被合并到引导版本中。我完全同意上课很容易 - 所以为了谦虚我，它引出了一个问题，为什么他们没有将它整合到框架中。这是基于你自己的经验，文本是不合理的 Ennui 吗？我访问了很多网站，其中的文本似乎是合理的，或者至少是以这样的方式布局的。你能链接到任何关于媒体远离合理文本的参考吗？它有助于满足客户的好奇心
在我们的经验中根深蒂固，看到 Word 从左对齐开始，而不是对齐。我们写的是对齐的，而不是合理的。即使是 sublime text、textmate 或 adobe 套件也不值得一开始。
@chrisFrisina，请注意值得一提的要点，确实是我会记住的，谢谢。不要认为我粗鲁，但我认为默认设置不是一个有说服力的论点，反对在引导程序中加入合理的文本类。

标签： html css twitter-bootstrap

【解决方案1】：

在 Bootstrap 3 和 Bootstrap 4 中，您可以使用以下内容：

<p class="text-justify">Justified text.</p>

Official documentation

（更新）从 Bootstrap 5

中删除了此功能

请注意，我们不为对齐文本提供实用程序类。虽然从美学上讲，合理的文本可能看起来更吸引人，但它确实使字间距更加随机，因此更难阅读。

基于官方 UX 建议：不要使用两端对齐的文本！ ;)

【讨论】：

@EdisonPebojot 感谢您的提醒。是的，看起来，这是从版本 5 中删除的，并且该功能不再存在。

【解决方案2】：

在 Bootstrap 中有一个可用的类。

class = 'text-justify'

您可以查看Bootstrap documentation 中的文本对齐方式。

【讨论】：

【解决方案3】：

没有。但是您可以在 bootstrap.css

上添加一个新类

.text-justify {
  text-align: justify;
}

更新

以前版本的引导程序不支持text-justify。但是 bootstrap 3 增加了一个类text-justify。

【讨论】：

【解决方案4】：

您可以添加到您的 main.css、custom.css 或您创建的任何 *.css 文件中，或者添加到bootstrap.css 文件的顶部：

.text-justify {
  text-align: justify;
}

如果您将其直接添加到 bootstrap.css 文件中，从 v3.0.0 开始，它将从此开始：

/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

article,
aside,
details,
...
...
…

到

/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

.text-justify {
  text-align: justify;
}

article,
aside,
details,
...
...
…

【讨论】：

我会不理会 main.css 以支持使用缩小文件并添加自定义 .css 文件。