Cara Installasi Bootstrap

Bootstrap adalah framework CSS yang di bangun untuk memudahan kan para developer dalam membuat aplikasi website khususnya di bagian Fron-end. Bootstrap di buat oleh orang yang bekerja di twitter dan tidak heran sering bootstrap di beri nama twitter Bootstrap, Bootstrap sekarang sudah mencapai Versi 4, dan Bootstrap adalah salah satu framework CSS yang sangat populer, mudah di gunakan, dan banyak sekali di gunakan.

Untuk instalasi teman teman bisa buka link ini https://getbootstrap.com/ tampilan nya seperti berikut:

kalian bisa ke documentation lalu introduction lalu cari starter template.

kalian bisa copy can template itu, lalu setelah itu kalian buka text editor kalian.

klik file lalu klik new file.

lalu pastekan kode yang kita copy barusan ke text editor, klik edit lalu paste

atau kalian bisa copy kode ini,

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

  </body>
</html>

sebelum tag penutup body ketikan kode berikut

<!– Optional JavaScript –>
<!– jQuery first, then Popper.js, then Bootstrap JS –>
<script src=”https://code.jquery.com/jquery-3.2.1.slim.min.js” integrity=”sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN” crossorigin=”anonymous”></script>
<script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js” integrity=”sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q” crossorigin=”anonymous”></script>
<script src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js” integrity=”sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl” crossorigin=”anonymous”></script>

dan simpan dengan nama index.html. coba teman teman buka web browser teman teman. bila seperti ini maka bootstrap berhasil di install.

nah seperti itu Cara Installasi Bootstrap, semoga bermanfaat yah teman teman.

Kategori