前端开发框架Bootstrap使用教程

前端开发框架Bootstrap使用教程

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

加入学习
加入学习
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
        <meta name="viewport" content="width=device-width,initial-scale=1"/>
        <!-- viewport:视口,内容:当前宽度=设备宽度,缩放比为1-->
        <!--<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
            最大缩放比为1,禁用缩放比
        -->
        <title>全局css样式</title>
    </head>
    <body><!--•使用 @font-family-base、@font-size-base 和 @line-height-base 变量作为排版的基本参数-->
        <div class="container"><!--Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。-->
            <!--.container 类用于固定宽度并支持响应式布局的容器。
                .container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器。
                这两种 容器类不能互相嵌套。
            -->
            <p>给他一个内容</p>
            <!--P标签:
                    默认:14px
                    行高:20px
                    底部外边距:10px-->
        </div>
        <a href="#">Hello World!</a>
        <!--•为所有链接设置了基本颜色 @link-color ,并且当链接处于 :hover 状态时才添加下划线-->
    </body>
</html>

 

[展开全文]
丝瓜炒蛋 · 2017-07-06 · 03_Bootstrap全局css样式概览1 0

授课教师

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

本课程相关云产品