Table Bootstrap

Bootstrap

Bootstrap adalah HTML, CSS, dan JavaScript kerangka paling populer untuk mengembangkan responsif, situs web mobile-pertama. biasana untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang websie maupun pengembang sebuah halaman web.

Bootstrap adalah gratis untuk men-download dan menggunakan! anda bisa menggunakan bootstrap yang online atau anda bisa download bootstrap disini untuk offline nya.


NOTICE : JANGAN COPAS CODING BIAR GREGET + VAROKAH

Membuat tabel biasanya digunakan untuk biodata seseorang, tapi kesannya terlalu kalsik nah bootstrap hadir untuk membuat tampilan tabel menjadi agak keren.

sript :

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Ini Tabel</h2>
  <p>Tabel super keren</p>            
  <table class="table table-hover">
    <thead>
      <tr>
        <th>nama</th>
        <th>rumah</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>sentul</td>
        <td>john@greget.com</td>
      </tr>
      <tr>
        <td>Mary</td>
        <td>semarang</td>
        <td>mary@greget.com</td>
      </tr>
      <tr>
        <td>July</td>
        <td>surabaya</td>
        <td>july@greget.com</td>
      </tr>
    </tbody>
  </table>
</div>

</body>
</html>


ini SS-nya keren kan


terima kasih telah membaca artikel ini, berlanjut pada posting selanjutnya terima kasih :D
Previous
Next Post »