美文网首页
bootstrap框架写个人主页

bootstrap框架写个人主页

作者: 对对_1d93 | 来源:发表于2019-06-05 17:44 被阅读0次

    百度菜鸟驿站学习bootstrap的框架,然后根据以前编写的html,css主页完成修改。以下为学习bootstrap的经验总结:

    bootstrap框架

    1.以栅栏式布局,分12列,16列,24列和32列,常用12列。

    2.整个页面必须在container容器内部

    3.移动端以

    来使视图一比一缩放。(响应式布局)

    4.载入bootstrap时需要经过七个步骤,才能支持CSS,js,IE,IE8以下等

        a.引入bootstrap框架 <link rel="stylesheet" href="../bootstrap.min.css">

        b.引入JQuery框架。引入在body结束标签之前。

        c.引入JS文件,在JQuery框架之后引入。

        d.引入移动端适应<meta name="viewport" content="width=device-width,initial-scale=1.0">。

        e.将html标签添加<html lang="zh-cn">

    f.若支持IE得在meta标签,得添加

        g。若要支持IE8之前,需添加responds。js文件

    然后根据所学完成个人主页的bootstrap框架。

    相关文章

      网友评论

          本文标题:bootstrap框架写个人主页

          本文链接:https://www.haomeiwen.com/subject/pkpsxctx.html