html - Make bootstrap menu 'floating' and fixed width -


i'm trying use bootstrap have few questions navbar. @ moment it's fixed top i'd there padding between nav , top of page, though nav floating. i'd nav same width content. ideas how possible?

thanks!(code below)

<!doctype html> <html lang="en">   <head>     <meta charset="utf-8">     <meta http-equiv="x-ua-compatible" content="ie=edge">     <meta name="viewport" content="width=device-width, initial-scale=1">      <title>explore canterbury</title>     <!-- bootstrap -->     <link href="css/bootstrap.min.css" rel="stylesheet">   </head>    <body>      <div class="container">        <!-- static navbar -->       <nav class="navbar navbar-default">         <div class="container-fluid">           <div id="navbar">             <ul class="nav navbar-nav">               <li class="active"><a href="#">locations</a></li>               <li><a href="#">photos</a></li>               <li><a href="#">info</a></li>             </ul>           </div><!--/.nav-collapse -->         </div><!--/.container-fluid -->       </nav>     </div> <!-- /container -->     <!-- jquery (necessary bootstrap's javascript plugins) -->     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>     <!-- include compiled plugins (below), or include individual files needed -->     <script src="js/bootstrap.min.js"></script>     </body>     </html> 

if want space between navbar , of page add new class or add style existing navbar class. so:

.navbar {     margin-top:10px; } 

we need more details on mean making same width content. right have navbar wrapped in div container class causing not full width.


Comments

Popular posts from this blog

Receive udp packets in android gstreamer -

php - Extract Text from HTTP referer -

matplotlib - PYTHON: Annotate boxes disapear dependant on range -