Difference between revisions of "Template:BIT-China/Nav"

Line 1: Line 1:
 
<html>
 
<html>
<head>
 
    <meta charset="utf-8">
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
 
    <meta name="description" content="">
 
    <meta name="author" content="">
 
    <!-- <link rel="icon" href="../../favicon.ico"> -->
 
 
    <title>BIT-CHINA</title>
 
 
    <!-- Bootstrap core CSS -->
 
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
 
 
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 
    <!-- <link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet"> -->
 
 
    <!-- Custom styles for this template -->
 
    <!-- <link href="navbar-static-top.css" rel="stylesheet"> -->
 
 
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
 
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
 
    <!-- <script src="../../assets/js/ie-emulation-modes-warning.js"></script> -->
 
 
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 
    <!--[if lt IE 9]>
 
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
 
    <![endif]-->
 
</head>
 
 
<body>
 
<body>
 
<div  id="dummybodyid">
 
<div  id="dummybodyid">

Revision as of 02:17, 5 August 2017

Navbar example

This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

To see the difference between static and fixed top navbars, just scroll.

View navbar docs »