Yatay Bölümler

Sayfa içinde aşağıdaki gibi yatay bölümler oluşturabilirsiniz.

Burası Bölüm 1.

Merhaba, Burası Bölüm 2.

Kaynak Kodu

Aşağıdaki kaynak kodunu kopyalayın, sayfa oluştururken sayfa içeriğinin kaynak bölümüne yapıştırın ve "Bölüm 1", "Bölüm 2" sekme adlarını ve "Burası Bölüm 1", "Merhaba, Burası Bölüm 2" içeriklerini istediğiniz gibi düzenleyin. 

Yeni bir bölüm (3. bölüm) eklemek için

  1. 4. satırı kopyalayıp 4 ile 5. satır arasına yapıştırın href="#bolum2" yi href="#bolum3" yapın.  
  2. 10,11 ve 12. satırları kopyalayın 12 ile 13. satırlar arasını açarak yapıştırın ve id="bolum2" yi id="bolum3" olarak değiştirin.
  3. En son olarak sekme adı ve içerik bölümünü istediğiniz gibi değiştirin.
     
  1. <div class="tabbable"> <!-- Sadece sağ / sol sekmeler için gerekli -->
  2. <ul class="nav nav-tabs">
  3. <li class="active"><a href="#bolum1" data-toggle="tab">Bölüm 1</a></li>
  4. <li><a href="#bolum2" data-toggle="tab">Bölüm 2</a></li>
  5. </ul>
  6. <div class="tab-content">
  7. <div class="tab-pane active" id="bolum1">
  8. <p>Burası Bölüm 1.</p>
  9. </div>
  10. <div class="tab-pane" id="bolum2">
  11. <p>Merhaba, Burası Bölüm 2.</p>
  12. </div>
  13. </div>
  14. </div>

 

Son Güncelleme : 21-01-2015