Bootsrap

Bootsrap

Bootstrap adalah pengembangan untuk Responsive Mobile yang dapat diterapkan di HTML, PHP, CSS, JavaScrip yang paling populer. Salah satu klebihan lain dari bootstrap adalah sifatnya yanh Open Sources sehingga bebas digunakan oleh siapun. Jadi bagi kita yang seddang belajar pemrograman web, sangat dianjurkan menggunakan bootstrap.

Bootsrap
Bootsrap
Pada dasarnya, Bootstrap adalah hak paten milik twitter yang kemudian dibagikan secara geratis kepada siapa saja.....

Ciri-ciri umum Bootsrap:

  • Botsrap, bekerja pada Form, Tombol, dan hampir semua yang berhubungan dengan WEB Develo[ment.
  • Bootstrap dapat digabungkan dengn HTML dan CSS.


Tujuan penggunaan Bootstrap adalah membuat desai yang Responsiv. Sedangkan pengertian dari Responsiv adalah halaman yang sapat menyesuaikan dengan lebar layar suatu perangkat Misalkan dalam perangkat PC, maka akan lebar dan ketika dibuka dengan menggunakan perangkat Mobile maka akn menyesuaikan sesuai layar yang ada.

Pada tahun 2014, Bootstrap menjadi pendamping Development terbesar. Mungkin hingga saat ini, Bootstrap masih menguasai Style WEB.

Untuk menggunakan bootstrap kita bisa menggunakan dua cara.

  • Cara yang pertama Dengan mendownloadnya dari getbootstrap.com.
  • Cara yang kedua, jika kita tidak memiliki hosting sendiri, kita bisa menggunakan Bootstrap CDN. CDN (Conten Delevery Network) adalah hoating yang menyediakan secara gratis. Untuk menggunakannya kita dapat menanamkan beberapa kode dibawah ini:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>


Dari kode diatas , kita bisa menggunakan bootstrap seperti menggunakan JavaScript yang di hosting. Kode diatas, dapat ditanam diatas bawah kode <head> atau diatas kode </head>. Jika masih bingung, sobat koding bisa melihat contoh dibawah ini:

<!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">
  <h1>My First Bootstrap Page</h1>
  <p>This is some text.</p> 
</div>

</body>
</html>

Bagaiman Sobat Coding, Sudah siap menggunakan Bootstrap ? Harus siap ya, karena Bootstrap Sangatlah mudah digunakan oleh siapapun.

Salam Coding

Related Posts :