Bootstrap Tabloya Yatay Kaydırma Ekleme

Bootstrap tablo elementinde yatayda yer yetmeyecek kadar çok sütun göstermek gerektiğinde yatay kaydırma çubuğu eklemek yerinde olabilir. O halde bunu yapmak için gerekli olan şey;

<table> elementini bir <div> elementinin içine taşımak ve bu <div> elementine table-responsive sınıfı vermek. Yani:

<div class="table-responsive">
    <table class="table">
    ... bol sütunlu tablo ...
    </table>
</div>

Kaynak: http://stackoverflow.com/a/19884747/169534
Canlı demo: http://jsfiddle.net/vPH8N/444/

Yeni yorum ekle

Filtered HTML

  • Web sayfası ve e-posta adresleri otomatik olarak bağlantıya çevrilir.
  • İzin verilen HTML etiketleri: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Satırlar ve paragraflar otomatik olarak bölünür.

Plain text

  • Hiç bir HTML etiketine izin verilmez
  • Web sayfası ve e-posta adresleri otomatik olarak bağlantıya çevrilir.
  • Satırlar ve paragraflar otomatik olarak bölünür.
Bu formu göndererek Mollom gizlilik şartlarını kabul etmiş oluyorsunuz.