Kamis, 21 Januari 2016

Bootrstrap

Twitter Bootstrap adalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website. Sesuai namanya, website yang dibuat dengan alat bantu ini memiliki tampilan halaman yang sama / mirip dengan tampilan halaman Twitter atau desainer juga dapat mengubah tampilan halaman website sesuai dengan kebutuhan.atau.
Bootstrap adalah HTML, CSS, dan JavaScript kerangka paling populer untuk mengembangkan responsif, situs web mobile-pertama.
Bootstrap adalah gratis untuk men-download dan menggunakan!

  Keuntungan dari Bootstrap:
  • Mudah digunakan: Siapa saja dengan pengetahuan hanya dasar HTML dan CSS dapat mulai menggunakan Bootstrap
  • Fitur responsif: CSS responsif Bootstrap ini menyesuaikan dengan ponsel, tablet, dan desktop
  • Pendekatan ponsel pertama: Dalam Bootstrap 3, gaya mobile pertama merupakan bagian dari kerangka inti
  • Kompatibilitas browser: Bootstrap kompatibel dengan semua browser modern (Chrome, Firefox, Internet Explorer, Safari, dan Opera)
Contoh.
<!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.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
  <h1>Contoh Dari Bootstrap</h1>  
  <p>This part is inside a .container-fluid class.</p>
  <p>The .container-fluid class provides a full width container, spanning the entire width of the viewport.</p>        
</div>
</body>
</html>
 Hasilnya.

  

   Referensi :
wikipedia.org
W3schools.com

Tidak ada komentar:

Posting Komentar

Berikan Komentar, yang baik akan di balas dengan baik Pula.
Komentarmu Cerminan Hidupmu.