<head>
<title>文本排版</title>
<link rel="stylesheet" type="text/css" href="./bootstrap.min.css"/>
<style type="text/css">
div{
border:1px solid red;
font-size:20px;
}
</style>
</head>
<body>
<div class="text-left">15053001</div>
<div class="text-right">15053001</div>
<div class="text-center">15053001</div>
<div class="text-danger">15053001</div>
<div class="text-warning">15053001</div>
<div class="text-info">15053001</div>
<div class="text-success">15053001</div>
<div class="text-primary">15053001</div>
<div class="text-justify">15053001</div><!--两端对齐-->
<blockquote>
<p>15053001</p>
<footer>afsdvvdvdv</footer>
</blockquote>
<blockquote class="blockquote-reverse">
<p>15053001</p>
<footer>afsdvvdvdv</footer>
</blockquote>
</body>
</html>