Bagaimana Cara Download Dan Konfigurasi Bootstrap

Di panduan kali ini kita akan belajar Bagaimana Cara Unduh Dan Konfigurasi Bootstrap , sebelumnya untuk yang belum mengetahui apa itu bootstrap dapat di simak penjelasanya selaku berikut .



Bootstrap ialah diantara framework css yang sangat populer di antara framework-framework css yang lainya , yang bermanfaat bagi merancang sebuah blog memiliki tampilan yang dinamis dan dapat di buka di beraneka device layar. Jadi si boostrap mempunyai kemampuan bagi mengatur dirinya sendiri agar sesuai dengan layar dikala user mengakses blog kita, tetapi dengan kita konfigurasi dan susun sendiri websitenya.



Lalu bagaimana Bagaimana Cara Unduh Dan Konfigurasi Bootstrap ?



Bagi mendownloadnya teman-teman dapat seketika menuju blog resminya di www.getbootstrap.com dan tekan tombol unduh :



Pada



 



setelah di unduh karenanya akan memperoleh 3 folder utama yaitu :




  1. CSS


  2. JS


  3. FONT



setalah di unduh dan di ekstrak, sekarang ini kita akan mencoba mengkonfigurasinya, sebetulnya sanagat amat gampang kita hanya butuh bagi copy paste saja bagi memulai memakai bootstrap.



bikin file sejajar dengan 3 folder utama tadi dengan nama index.html,



lalu copy kan script berikut :



<!DOCTYPE html>


<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″>


<!– The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags –>


<title>Bootstrap 101 Tema</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.3/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.12.4/jquery.min.js”></script>


<!– Include all compiled plugins (below), or include individual files as needed –>


<script src=”js/bootstrap.min.js”></script>


</body>


</html>



setelah di salin coba kalian jalankan , karenanya hasilnya akan muncul tulisan HALLO WORLD,



baiklah itu saja dari saya mengenai bahan Bagaimana Cara Unduh Dan Konfigurasi Bootstrap, hingga bertemu di artikel berikutnya.






Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Membuat Table Warna Berselang dengan PHP