bootstrap中的排版:
标题(h1~h6/.h1~.h6)
h1:36px;h2:30px;h3:24px;h4:18px;h5:14px;h6:12px;
副标题(small)
小练习(标题大小和副标题的使用):
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>标题</title> <link rel="stylesheet" href="css/bootstrap.min.css" /> </head> <body> <script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script> <script type="text/javascript" src="js/bootstrap.min.js" ></script> <h1>标题一</h1> <h2>标题二</h2> <h3>标题三</h3> <h4>标题四</h4> <h5>标题五</h5> <h6>标题六</h6> <span class="h1">标题一</span> <span class="h2">标题一</span> <span class="h3">标题一</span> <span class="h4">标题一</span> <span class="h5">标题一</span> <span class="h6">标题一</span> <small class="h1"> 标题一 </small> </body> </html>
效果图: