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

Line 8: Line 8:
 
     <meta name="author" content="">
 
     <meta name="author" content="">
 
     <!-- <link rel="icon" href="../../favicon.ico"> -->
 
     <!-- <link rel="icon" href="../../favicon.ico"> -->
 +
 +
    <title>BIT-CHINA</title>
  
 
     <!-- Bootstrap core CSS -->
 
     <!-- Bootstrap core CSS -->
Line 27: Line 29:
 
       <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
 
       <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
 
     <![endif]-->
 
     <![endif]-->
−
<style type="text/css">
 
−
#navbar a {
 
−
    text-decoration: none;
 
−
}
 
−
 
−
#navbar * {
 
−
    -webkit-box-sizing: border-box;
 
−
    -moz-box-sizing: border-box;
 
−
    box-sizing: border-box;
 
−
}
 
−
#navbar ul,
 
−
#navbar li {
 
−
    margin: 0;
 
−
}
 
−
#navbar ul {
 
−
padding: 0;
 
−
}
 
−
.igem_2017_content_wrapper {
 
−
width: 100%;
 
−
margin:0;
 
−
display:block;
 
−
float:left;
 
−
background-color:white;
 
−
font-family:Tahoma, Geneva, sans-serif;
 
−
}
 
−
</style>
 
 
</head>
 
</head>
 
<body>
 
<body>

Revision as of 02:17, 5 August 2017

BIT-CHINA

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 »