Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>blabla</title>
- <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
- <link href="navbar.css" rel="stylesheet">
- <style>
- body {
- padding-top: 20px;
- padding-bottom: 20px;
- }
- .navbar {
- margin-bottom: 20px;
- position: relative;
- min-height:50px;
- border: 1px solid black;
- }
- .container>.navbar-header,
- .container-fluid>.navbar-header,
- .container>.navbar-collapse,
- .container-fluid>.navbar-collapse{margin-right:0px;margin-left:0px}
- .navbar-text {
- display: inline-block;
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
- }
- .navbar-nav {
- padding-left: 0;
- margin-bottom: 0;
- list-style: none;
- }
- </style>
- </head>
- <body>
- <!-- navbar -->
- <div class="container">
- <nav class="navbar navbar-nav navbar-fixed-top ">
- <div class="container-fluid">
- <div class="navbar-header">
- <a class="navbar-brand" href="#">WebSiteName</a>
- </div>
- <ul class="nav navbar-nav">
- <li class="active"><a href="#">Home</a></li>
- <li><a href="#">Page 1</a></li>
- <li><a href="#">Page 2</a></li>
- <li><a href="#">Page 3</a></li>
- </ul>
- </div>
- </nav>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement