Twitter bootstrap okuyorum ve bootstrap sitesinde bootstrap örnekleri okuyun. Ve aşağıdaki kodu ne anlama geldiğini anlayamıyorum:

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
</button>

Ne için? Neden üç benzer etiketleri?

Bu kod navigasyon bar bölümünde

<div class="navbar-header">
  ...
</div>

Biri link veya açıklama ile bana yardımcı olabilir?

Duyarlı düzenleri için dar tarayıcı ekranlarında yazılır gibi görünen bir düğme oluşturmak için kullanılır. Tarayıcı penceresi gezinti çubuğu düğmesi ile değiştirilir nasıl görmek için yeniden boyutlandırabilirsiniz.

spans üç iOS bir düğme gibi görünen üç yatay çizgiler oluşturmak.

Hadi bootstrap.css bir göz atın

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #cccccc;
  border-radius: 1px;
}

Blok yapısı, satır satır aynı hizada olacak şekilde. Arka plan-renk gray80 yol açacaktır. Aslında, istediğiniz gibi genişlik, yükseklik ve arka plan rengini değiştirebilirsiniz.

Umut yardımcı olur.