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

效果图：　

　　　　

 

 
posted @ 2017-06-15 16:33  美琳  阅读(143)  评论(0)  编辑  收藏  举报