热门关键字:
jquery > jquery教程 > jquery教程 > 如何在Bootstrap中对齐文本

如何在Bootstrap中对齐文本

377
作者:管理员
发布时间:2021/2/8 14:20:12
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3959
答案:使用文本对齐类
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>




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jQuery
友荐云推荐