"Navigation"
Bootstrap 3.0.0 Snippet by aatutkun

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <html lang="tr"> <head> <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> </head> <body> <div class="container"> <div class="row"> <nav class="navbar navbar-default"> <!-- Daha iyi mobil görüntü için marka ve aç/kapa gruplanıyor --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Navigasyonu aç/kapa</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <!-- Aç/kapa için nav kısayollarını, formu ve diğer içeriği bir araya topla --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="#">Home <span class="sr-only">(current)</span></a></li> <li><a href="#">About Me</a></li> <li><a href="#">Portfolyo</a></li> <li><a href="#">Contact</a></li> </ul> </div><!-- /.navbar-aç/kapa --> </nav> </div> </div> </body> </html>
.navbar { margin-bottom:0; border-radius:0; } .navbar-default { background-color:#006fad; border-color:#fff; } .navbar-default .navbar-nav li a { color:#fff; font-family: 'Raleway', sans-serif; } .navbar-default .navbar-nav li a:hover { color:#fff; } .navbar-collapse { padding-left:0; padding-right:0; } ul li:hover { background-color:#FF8040; }

Related: See More

Navbar With Icons
Cool Navigation Bar
Bootstrap4 navigation border animation
arrow key navigation thumbnail gallery modal view

Questions / Comments: