是否有可能在引导框架中证明文本的合理性？

Question

这可能是一个愚蠢的问题，但我确信我不是唯一一个在想的人。

我知道对齐类： <p class="text-center">Text Centered within the block element</p> <p class="text-right">Text aligned to the right within the block element</p> <p class="text-left">Text aligned to the left within the block element</p>

Twitters Bootstrap Framework中是否有一组用于证明文本合理性的类？

e.g。 <p class="text-justify">Sample Text Goes Here</p>

为什么看起来引导程序没有包含诸如text-align: justify的实用程序功能？

Answer 1

在Bootstrap 3中，您可以使用：

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

Answer 2

没有。但您可以在 bootstrap.css

上添加新课程

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

<强>更新

早期版本的bootstrap不支持text-justify。 但是bootstrap 3添加了一个类text-justify。

Answer 3

您可以添加 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,
...
...
…

Answer 4

Bootstrap 中有一个可用的类。

class = 'text-justify'

您可以在 Bootstrap documentation 中查看文本对齐。