Bootstrap Mobil Uyumlu Responsive Tablo Oluşturma

Tablolar responsive özellikler açısından en sıkıntılı elementlerden biridir çünkü tabloları dikey göstermek çok mümkün değildir. Bölmeninde mümkün olmadığını düşünürsek kaydırma yapmak en mantıklı yöntem olacaktır. Ancak tabloyu kaydırmalı yaparken layoutu ekranın dışına taşırmamız gerekmektedir. bunun için tablonun bulunduğu elemente table-responsive özelliği vermek bize yardımcı olacaktır. Tabiki bu class sadece bootstrap üzerinde çalışır.

<div class="table-responsive">

<table>
<tr>
        <th> Sutün</th>
       <th> Sutün</th>
        <th> Sutün</th>
         <th> Sutün</th>
         <th> Sutün</th>
</tr>
<table>


</div>