zoukankan      html  css  js  c++  java
  • bootstrap初始页面解读

    这是我的第一篇博客,刚刚对bootstrap入门,想记录一些自己学习bootstrap的心得,希望对大家有所帮助!

    下面是bootstrap的第一节,主要记录bootstrap的初始页面

     1 <!DOCTYPE html>
     2 <html>
     3 <head lang="zh-CN">
     4     <meta charset="UTF-8">
     5     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    /*X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,因为在IE8刚推出的时候,
    很多网页由于重构的问题,无法适应较高级的浏览器,所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。
    IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame
    */
    6 <meta name="viewport" content="width=device-width, initial-scale=1 , user-scalable=no">
    /*width - viewport的宽度 height - viewport的高度 device-width表示本设备的宽
    initial-scale - 初始的缩放比例
    minimum-scale - 允许用户缩放到的最小比例
    maximum-scale - 允许用户缩放到的最大比例
    user-scalable - 用户是否可以手动缩放 如果禁止缩放,看起来更像原生应用*/
    7 <link rel="stylesheet" href="css/bootstrap.min.css" /> 8 9 <title>bootstrap初始页面</title> 10 </head> 11 <body> 12<h1>hello bootstrap</h1>
    13 14 /*javascript引用理论上可以放在页面的head和body的任何地方,但是最好放在body结束之前,这样可以不阻塞页面的加载*/
    /*一定要先引用jquery再引用bootstrap,因为bootstrap是基于jquery的*/ 15 <script src="js/jquery.min.js"></script> 16 <script src="js/bootstrap.min.js"></script> 17 </body> 18 </html>

            X-UA-Compatible是神马?

    文章:http://zccst.iteye.com/blog/2162187

       viewport的深入理解

    文章:http://www.cnblogs.com/2050/p/3877280.html

  • 相关阅读:
    windows权限维持
    pocsuite3检测工具 编写poc
    php异或免杀
    python 多线程ftp爆破
    python ip查询 whois查询 # CDN查询# 子域名查询# 端口扫描
    python src批量爬取
    qykcms 审计
    dedecms审计
    EasySNS 审计
    zzcms审计
  • 原文地址:https://www.cnblogs.com/guoshiwei/p/4890216.html
Copyright © 2011-2022 走看看