如何在 Bootstrap 中获取居中内容
答案：使用text-center类
您可以简单地使用 Bootstrap 的内置类 .text-center 将所有内联元素（如文本、图像、链接等）在块元素（如 <div> 或 <p> 元素）中居中对齐。
此解决方案适用于 Bootstrap 3 和 4 版本。 这是一个例子：
-<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Text Centering 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>
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h1>这是一个标题</h1>
<p>This is simple paragraph of text.</p>
</div>
</div>
</div>
</body>
</html>FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答：
Advertisements