<!-- Bootstrap Üst Menü - Başlangıç -->
<!-- Menü Renginin Ayarlandığı Yer -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<!-- Burası cep telefonu, tablet gibi çöznürlüğü düşük cihazlarda görüntülenecek. Haliyle kesinlikle silmeyiniz. -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menucizgi">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Logo Başlangıç -->
<!-- Logonuzun tıklandığındaki URL ini buraya yazmanız gerekiyor. Varsayılan olarak "#"" gelir. -->
<a class="navbar-brand" href="#">
<!-- Buraya logonuzun resmini ekleyebilirsiniz. Yada yazı yazabilirsiniz. -->
<!-- <img src="img/logo.png" alt="Logo"> -->
BOOTSTRAP
</a>
<!-- Logo Bitiş -->
</div>
<!-- Menü linkleri, arama kutucuğu vs vs -->
<!-- Menü linkleri, arama kutucuğu vs vs -->
<!-- Menünün sola yaslı kısmı -->
<!-- Arama Formu - Başlangıç -->
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Arama">
</div>
<button type="submit" class="btn btn-default">Ara</button>
</form>
<!-- Arama Formu - Bitiş -->
<!-- Menünün sola yaslı kısmı -->
<div class="collapse navbar-collapse" id="menucizgi">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Anasayfa</a></li>
<li><a href="#">Hakkımızda</a></li>
<li><a href="#"> Galeri </a></li>
<li><a href="#"> Makaleler </a></li>
<li><a href="#"> İletişim </a></li>
</ul>
</div>
</div>
</nav>
<!-- Bootstrap Üst Menü - Bitiş -->