Belajar CSS Bootstrap


Halllo gaes kembali lagi yok kita ngoding ngoding

searang kita akan belajar tentang bootstrap.css apa itu bootstrap?
Bootstrap adalah
sebuah library framework CSS yang di buat khusus untuk bagian pengembangan front-end website. bootstrap merupakan salah satu framework HTML, CSS dan javascript yang paling populer di kalangan web developer. pada saat ini hampir semua web developer telah menggunakan bootstrap untuk membuat tampilan front-end menjadi lebih mudah dan sangat cepat. karena anda hanya perlu menambahkan class-class tertentu untuk misalnya membuat tombol, grid, navigasi dan lainnya.

langsung saja kita siapkan


  1. download file framework bootstrap, download di situs resminya di www.getbootstrap.com . dan download jquery, download di situs resminya www.jquery.com . yang sudah melakukan ini sebelumnya silahkan step ini di skipp aja.
  2. Letakan file bootstrap dan jquery tadi di dalam folder. silahkan buat folder jika menggunakan xampp silahkan disesuaikan saja ya dengan yang anda pakai. Buat folder baru di c:/xampp/htdocs/ dan kasih nama “webku” . 
  3. Urutanya jadi seperti ini :
  4. Selanjutnya kita siapkan text editor kita disini saya menggunakan Sublime text 3 
  5. buatlah file index.html di folder yang sudah kita buat tadi 
  6. masukkan coding yang pertama
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>Webku.com</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet"href="css/bootstrap.css">

    <script src="js/bootstrap.js"></script>
    </head>
    <body>
    </body>
              <script src="js/jquery.js"></script>
    </html>
  7. coba kita test menggunakan tulisan sederhana di dalam tag body <h1 align="center">Selamat Datang di Web Saya</h1>
  8. akan jadi seperti ini silahkan aktifkan controlpanel xampp kalian 
  9. dan coba localhost/webku