Difference between revisions of "Template:BIT-China/Nav"
| Line 27: | Line 27: | ||
<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; | ||
| + | } | ||
| + | |||
| + | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
Revision as of 02:08, 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.
