SKammerman (Talk | contribs) |
SKammerman (Talk | contribs) |
||
Line 8: | Line 8: | ||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> | ||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | ||
+ | |||
+ | <script> | ||
+ | $('#topnavbar').affix({ | ||
+ | offset: { | ||
+ | top: $('#banner').height() | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
</head> | </head> | ||
Line 18: | Line 26: | ||
body {background-color:white; } | body {background-color:white; } | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; | ||
+ | |||
+ | #topnavbar { | ||
+ | margin: 0; | ||
+ | } | ||
+ | #topnavbar.affix { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | } | ||
</style> | </style> | ||
Line 24: | Line 41: | ||
<body> | <body> | ||
+ | |||
+ | <div class="container" id="banner"> | ||
+ | <div class="row"> | ||
+ | <h1> Your banner </h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
<div style="margin-top:100px"></div> | <div style="margin-top:100px"></div> | ||
<div class="container"> | <div class="container"> |
Revision as of 20:09, 22 October 2017