mengenal bootstrap, belajar bootstrap, tutorial bootstrap, apa itu bootstrap

Apa itu Bootstrap dan Fungsinya

Apa Itu Bootstrap?

Bootstrap adalah front-end framework yang Cantik, bagus , mudah digunakan serta cocok untuk semua jenis device (Handphone, tablet PC, Laptop, PC). Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

Dengan Menggunakan Bootstrap, Pengerjaan sebuah project dalam sebuah team menjadi lebih mudah. Mengapa demikian? Karena dengan Bootstrap, penamaan class sudah dibakukan. Seorang desainer hanya tinggal menggunakan nama class tersebut di setiap TAG HTML yang ia gunakan.

Untuk Apa itu bootstrap?

Bootstrap merupakan framework untuk membangun desain web secara responsif. Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet ataupun mobile device. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan kita sendiri. Sehingga, kita bisa membuat web untuk tampilan desktop saja dan apabila dirender oleh mobile browser maka tampilan dari web yang kita buat tidak bisa beradaptasi sesuai layar. Dengan bootstrap kita juga bisa membangun web dinamis ataupun statis.

Cara menggunakan Bootstrap

Jika kita telah mempunyai Web HTML dengan coding seperti dibawah ini:

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>Hello, world!</h1>
<script src="http://code.jquery.com/jquery.js"></script>
</body>
</html>

Untuk merubah agar bisa menggunakan, bootstrap, Anda tinggal menyisipkan di bagian head beberapa baris untuk loading style dan javascript bootstrap sebagai berikut (lihat tambahan di baris 8 dan 9):

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

Cara Download Bootstrap

Saat ini ada 2 versi Bootstrap yang banyak digunakan oleh para developer yaitu Bootstrap 3 dan Bootstrap 4. Untuk mendownload salah satu atau keduanya, silahkan klik tombol dibawah ini:

Download Bootstrap 4

Download Bootstrap 3

Referensi:
1. http://dul.web.id/bootstrap/3/tuts-tips/belajar-bootstrap-untuk-pemula.php

2. https://www.humayraa.com/tutorial-bootsrtap-1-mengenal-bootstrap/

Recent search terms:

  • apa itu bootstrap (3)
  • apa itu boostrap (2)
  • apa itu bootsrap (1)
  • apa itu \bostrap\ (1)
  • apakah itu boostrap (1)

One thought on “Apa itu Bootstrap dan Fungsinya”

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>