Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]--> <title>Bootstrap - Responsivna Tablica sa table-responsive</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="/0frameworks/css_frameworks/bootstrap-3.1.1/dist/css/bootstrap.min.css"> </head> <body> <div class="container"> <h3>Responsivna tablica koja nema <small>table-responsive</small></h3> <table class="table table-bordered"> <tr> <th>id</th> <th>ime i prezime</th> <th>mjesto</th> <th>adresa</th> <th>nowrap</th> <th>godište</th> <th>put</th> <th>dd/mm</th> </tr> <tr> <td>1</td> <td>Pero Pertić</td> <td>Zagreb</td> <td>Rajkova 23</td> <td nowrap>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </td> <td nowrap>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </td> <td nowrap>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </td> <td nowrap>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </td> </tr> </table> </div> <br> <br> <br> <div class="container table-responsive"> <h3>Responsivna tablica sa <small>table-responsive</small> u div tagu koji omotava table tag</h3> <table class="table table-bordered"> <tr> <th>id</th> <th>ime i prezime</th> <th>mjesto</th> <th>adresa</th> <th>nowrap</th> <th>godište</th> <th>put</th> <th>dd/mm</th> </tr> <tr> <td>1</td> <td>Pero Pertić</td> <td>Zagreb</td> <td>Rajkova 23</td> <td nowrap>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </td> <td nowrap>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </td> <td nowrap>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </td> <td nowrap>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </td> </tr> </table> </div> <br> <br> <br> </body> </html>
Pregled stranice:
Pogledaj stranicu
../css/bootstrap/primjeri/145table_responsive.html
.