前端开发框架Bootstrap使用教程

前端开发框架Bootstrap使用教程

34课时 |
23282人已学 |
(9 评论)

加入学习
加入学习
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>排版</title>
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    </head>
    <body>
        <div class="container">
            <!--HTML 中的所有标题标签,<h1> 到 <h6> 均可使用。另外,还提供了 .h1 到 .h6 类,为的是给内联(inline)属性的文本赋予标题的样式。-->
            <!--在标题内还可以包含 <small> 标签或赋予 .small 类的元素,可以用来标记副标题。-->
            <h1>这是一个h1标签<small>这是一个副标题</small></h1>
            <h2>这是一个h2标签<small>这是一个副标题</small></h2>
            <h3>这是一个h3标签<small>这是一个副标题</small></h3>
            <h4>这是一个h4标签<small>这是一个副标题</small></h4>
            <h5>这是一个h5标签<small>这是一个副标题</small></h5>
            <h6>这是一个h6标签<small>这是一个副标题</small></h6>
            
            <!--Bootstrap 将全局 font-size 设置为 14px,line-height 设置为 1.428。这些属性直接赋予 <body> 元素和所有段落元素。另外,<p> (段落)元素还被设置了等于 1/2 行高(即 10px)的底部外边距(margin)。-->
            <p>欢迎来到阿里云大学,希望您能通过本套课程以及bootstrap中文网来学习bootstrap开源框架<br />欢迎来到阿里云大学,希望您能通过本套课程以及bootstrap中文网来学习bootstrap开源框架</p>
            <p>欢迎来到阿里云大学,希望您能通过本套课程以及bootstrap中文网来学习bootstrap开源框架</p>
            <!--段落突出-->
            <p class="lead">欢迎来到阿里云大学,希望您能通过本套课程以及bootstrap中文网来学习bootstrap开源框架</p>
        </div>
    </body>
</html>

这是效果图:

[展开全文]
丝瓜炒蛋 · 2017-07-06 · 06_Bootsrtap全局css样式_排版1 0

授课教师

尚学堂
前端开发学习路线重磅上线
前端基础+主流框架,前端开发技能全覆盖
阿里云开发者社区全面升级
一站式体验,助力云上开发!
进入新社区

本课程相关云产品