zoukankan      html  css  js  c++  java
  • bootstrap基本模板

    <!DOCTYPE html><!--html5文档格式-->
    <html lang="zh-CN"><!--申明语言是中文简体-->
    <head>
        <meta charset="utf-8">
        <!--当是IE的是试用最新的渲染引擎来渲染页面-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!--让页面适配移动端  需要加上 user-scalable=0 让用户不予许缩放-->
        <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
        <!--页面的加载顺序和解析顺序 -->
     
        <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
        <title>template</title>
            <!--引入网站图标-->
         <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
     
     
        <!-- Bootstrap 核心css文件-->
        <link href="../lib/bootstrap/css/bootstrap.css" rel="stylesheet">
     
        <!--IE8一下就不支持html5标签和媒体查询-->
        <!--
            html5标签要支持的话?  引入 html5shiv
            media query 要支持的话?  引入 respond
        -->
        <!--注意:要已http形式打开你的页面  否者respond不生效-->
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--条件注释-->
        <!--[if lt IE 9]>
        <script src="../lib/html5shiv/html5shiv.min.js"></script>
        <script src="../lib/respond/respond.min.js"></script>
        <![endif]-->
        <!--TODO 自己项目的文件-->
    </head>
    <body>
    <!--TODO 自己项目页面内容-->
        <!--头部-->
        <header class="_header">
         <header>
         <!--导航栏-->
        <nav class="wjs_nav"></nav>
        <!--轮播图-->
        <div class="wjs_banner"></div>
        <!--信息-->
        <div class="wjs_info"></div>
        <!--预约-->
        <div class="wjs_book"></div>
        <!--产品-->
        <div class="wjs_product"></div>
        <!--新闻-->
        <div class="wjs_news"></div>
        <!--合作伙伴-->
        <footer class="wjs_partner"></footer>
     
    <!--引入jquery  因为bootstrap是依赖-->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="../lib/jquery/jquery.min.js"></script>
    <!-- bootstrap 核心js文件-->
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="../lib/bootstrap/js/bootstrap.min.js"></script>
    <!--TODO 自己项目js文件-->
    </body>
    </html>
  • 相关阅读:
    从Linux内核中获取真随机数【转】
    linux下pthread_cancel无法取消线程的原因【转】
    LINUX-内核-中断分析-中断向量表(3)-arm【转】
    ARM中断向量表与响应流程【转】
    小任务与工作队列的区别【转】
    GNU Readline 库及编程简介【转】
    Linux 内核同步之自旋锁与信号量的异同【转】
    Professional Linux Kernel Architecture 笔记 —— 中断处理(Part 2)【转】
    Linux中断(interrupt)子系统之二:arch相关的硬件封装层【转】
    浅谈C语言中的强符号、弱符号、强引用和弱引用【转】
  • 原文地址:https://www.cnblogs.com/lxj-echo/p/5842470.html
Copyright © 2011-2022 走看看