css - Table not fit in container-fluid -
i'm sorry. mistake. bootstrap css , sb-admin css used wrong. replaced same bootstrap css sb-admin used. thx way.!!
i have table not fit in container fluid. on right side, table pass through container-fluid - not fit in container.
here code:
<body> <div id="wrapper"> <!-- navigation --> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="dashboard.php">selamat datang administrator</a> </div> <ul class="nav navbar-right top-nav"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <?php echo $_session["username"] ?> <b class="caret"></b></a> <ul class="dropdown-menu"> <li> <a href="#"><i class="fa fa-fw fa-user"></i> profile</a> </li> <li> <a href="#"><i class="fa fa-fw fa-envelope"></i> inbox</a> </li> <li> <a href="#"><i class="fa fa-fw fa-gear"></i> settings</a> </li> <li class="divider"></li> <li> <a href="logout.php"><i class="fa fa-fw fa-power-off"></i> log out</a> </li> </ul> </li> </ul> <!-- sidebar menu items - these collapse responsive navigation menu on small screens --> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav side-nav"> <li> <a href="dashboard.php"><i class="fa fa-fw fa-dashboard"></i> beranda</a> </li> <li class="active"> <a href="lapangan.php"><i class="fa fa-fw fa-edit"></i> lapangan</a> </li> <li> <a href="jadwal.php"><i class="fa fa-fw fa-table"></i> jadwal</a> </li> <li> <a href="riwayat.php"><i class="fa fa-fw fa-bar-chart-o"></i> riwayat</a> </li> </ul> </div> <!-- /.navbar-collapse --> </nav> <div id="page-wrapper"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12"> <h1 class="page-header"> lapangan </h1> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="table-responsive"> <table class="table table-bordered table-hover"> <thead> <tr> <th>no</th> <th>nama</th> <th>deskripsi</th> <th>alamat</th> <th>no-telp</th> <th>jam buka</th> <th>jam tutup</th> <th>jumlah sub lapangan</th> <th>gambar</th> <th>pilihan</th> </tr> </thead> <tbody> <?php $count = 1; $tampil = mysql_query("select * lapangan order id_lapangan"); while ($record = mysql_fetch_array($tampil)) { $sql = "select * gambar id_lapangan = " . $record['id_lapangan'] . ";"; $res = mysql_query($sql, $link); $img = '<table><tr>'; if (mysql_num_rows($res)) { while ($row = mysql_fetch_array($res)) { $img .= "<td><img src='" . $row['path'] . "' class='thumbnail imgtbl'/></td>"; } } else { $img = "<td><img src='gallery/no-image.png' class='thumbnail'><td>"; } $img .= '</tr></table>'; echo "<tr>"; echo "<td>" . $count . " </td> <td>" . $record['nama'] . " </td> <td style='width: 10px;'>" . $record['deskripsi'] . " </td> <td>" . $record['alamat'] . " </td> <td>" . $record['no_telp'] . " </td> <td>" . $record['jam_buka'] . " </td> <td>" . $record['jam_tutup'] . " </td> <td>" . $record['jum_sub_lapangan'] . " </td> <td>$img</td> <td> <a href='lapanganubah.php?id_lapangan=" . $record['id_lapangan'] . "' class='btn btn-success fa fa-pencil'></a> <a onclick=\"javascript: return confirm('peringatan!!\\nanda akan menghapus lapangan " . $record['nama'] . "\\napakah anda yakin?');\" href='lapangan.php?id_lapangan=" . $record['id_lapangan'] . "' class='btn btn-danger fa fa-trash-o'></a> </td>"; echo"</tr>"; $count++; } ?> </tbody> </table> </div> </div> </div> </div> </div> </div> </body> here css. it's template sb-admin.
body { margin-top: 100px; background-color: #222; } @media(min-width:768px) { body { margin-top: 50px; } } #wrapper { padding-left: 0; } #page-wrapper { width: 100%; padding: 0; background-color: #fff; } @media(min-width:768px) { #wrapper { padding-left: 225px; } #page-wrapper { padding: 10px; } } could me? highly apreciate it.
Comments
Post a Comment