Cara Menggunakan Bootstrap Untuk Membuat Web Responsive
Thursday, June 4, 2020
Cara menggunakan bootstrap untuk membuat desain web responsif dan cara mengintegrasikan bootstrap folder web akan dibuat. Dan isi file bootstrap.
Menggunakan kerangka kerja dalam membuat situs web bukanlah hal baru. Dengan menggunakan kerangka kerja kita dapat menghemat waktu dalam membuat situs web. Salah satu kerangka kerja yang digunakan untuk membuat situs web adalah Bootstrap.
Bootstrap digunakan untuk mempercepat kita dalam membuat desain web dengan mudah dan cepat. Dalam bootstrap, kami memiliki beberapa file CSS yang dibuat sedemikian rupa sehingga siap digunakan. Namun, sebelum menggunakan bootstrap, kita harus tahu apa yang kita siapkan untuk mengintegrasikan situs web dengan bootstrap.
1. Bootstrap File
File bootstrap dapat diunduh secara gratis dari situs web getbootstrap.com. Di dalamnya ada 3 folder file bootstrap yaitu css, font, dan js. Folder Css, berisi beberapa file .css yang telah disiapkan bootstrap. Anda dapat menggunakan semuanya atau Anda juga dapat memilihnya. Jika saya hanya menggunakan satu file yaitu bootstrap.min.css. Folder font berisi ikon file yang dapat digunakan untuk membuat ikon di situs web, jadi kita tidak perlu membuat ikon lagi. Folder Js berisi file javascript, tetapi ada 2 file yang saya gunakan hanya satu yang bootstrap.min.js.
2. Integrasikan Bootstrap dengan web
Setelah Anda mengunduh bootstrap, pindahkan folder bootstrap yang berisi folder css, font, dan js ke direktori web yang Anda buat. Kemudian Anda cukup memanggil file bootstrap dengan kode berikut:
<link href = "http: //localhost/yourwebsite/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
letakkan kode di atas sebelum memberi tag </ head>.
Sedangkan untuk file javascript Anda bisa meletakkan kode di bawah ini di atas tag </ body>
<script src = "http: //localhost/yourwebsite/bootstrap/js/bootstrap.min.js"> </script>
Hanya dengan menggunakan dua kode di atas Anda dapat mengintegrasikan situs web Anda dengan bootstrap. sehingga Anda dapat menggunakan desain web responsif bootstrap.
Baca Juga : Langkah Awal Untuk Membuat Web Responsive
Dengan menggunakan bootstrap Anda dapat menghemat waktu dalam desain web karena Anda tidak perlu menulis dari file css awal, dan tinggal saja menulis kelas css yang sudah ada di bootstrap. Semoga artikel Cara Menggunakan Bootstrap untuk Membuat Situs Web Anda Responsif bermanfaat bagi Anda.
