bootstrap学习笔记细化(标题)

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>
源码

效果图: 

    

 
原文地址:https://www.cnblogs.com/linjiaxiaomeiainia/p/7018575.html