Difference between revisions of "Team:BIT-China/Modeling"
(Created page with "{{BIT-China}} <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial...") |
|||
| Line 31: | Line 31: | ||
<![endif]--> | <![endif]--> | ||
</head> | </head> | ||
| − | <body id="dummybodyid"> | + | <body> |
| − | + | <div id="dummybodyid"> | |
<!-- Static navbar --> | <!-- Static navbar --> | ||
<nav class="navbar navbar-default navbar-static-top"> | <nav class="navbar navbar-default navbar-static-top"> | ||
| Line 109: | Line 109: | ||
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> | <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> | ||
<!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> --> | <!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> --> | ||
| + | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 07:12, 4 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.
