WEB 教程
实践 示例
HTML 参考手册
CSS 参考手册
PHP 参考手册

如何在 Bootstrap 中对齐文本

主题:Bootstrap / Sass上一页|下一页

答案:使用 Text-align 类

Bootstrap 框架有几个内置的 CSS 类,您可以使用它们将文本在标题、段落、表格、div 元素中左对齐、右对齐、居中对齐。

让我们试试下面的例子来了解它的基本工作原理:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Text-align Classes in Bootstrap</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head> 
<body>
    <p class="text-left">This text is left aligned.</p>
    <p class="text-center">This text is center aligned.</p>
    <p class="text-right">This text is right aligned.</p>
    <p class="text-justify">This text is justified.</p>
</body>
</html>

Bootstrap 3 和 4 版本都支持上述示例中的文本对齐类。


FAQ 相关问题解答

以下是与此主题相关的更多常见问题解答:

Advertisements