Membuat Tampilan Menggunakan Bootstrap

Dianitaamelia
2 min readMar 16, 2020

--

Bootstrap adalah toolkit sumber terbuka untuk dikembangkan dengan HTML, CSS, dan JS. Prototipe ide-ide Anda dengan cepat atau bangun seluruh aplikasi Anda dengan variabel dan mixin Sass kami, sistem grid responsif, komponen prebuilt yang luas, dan plugin tangguh yang dibangun di jQuery. Bootstrap juga telah menyediakan kumpulan class interface yang telah dirancang sedemikian rupa untuk menciptakan tampilan yang menarik, dan ringan. selain class interface, bootstrap juga memiliki fitur grid yang berfungsi untuk mengatur layout pada halaman website. dalam mengembangkan tampilan website yang menggunakan bootstrap yaitu dengan cara menambahkan class dan CSS itu sendiri.

  • berikut langkah-langkah membuat tampilan menggunakan bootstrap :
  1. buka web bootstrap pada https://getbootstrap.com/
  2. jika sudah berada di website bootstrap seperti berikut, pilih “Download

3. cari ‘Compiled CSS and JS’ dan download

4. jika sudah terdownload, buka file pada File Explorer dan buatlah folder serta jadikan satu bersama codingan html agar bisa diakses. jangan lupa untuk memasukan link ref bootstrap.

5. buatlah class bootstrap untuk membuat tampilan website

6. jika sudah cek tampilan pada browser. jika berhasil akan menjadi seperti dibawah ini.

disini saya memakai warna dari bootstrap sendiri. untuk macam-macam warna dari bootstrap sendiri hanya ada 7 warna.

semoga bermanfaat:).

--

--

Dianitaamelia
Dianitaamelia

Written by Dianitaamelia

0 Followers

sistem informasi’18. universitas islam negeri sunan ampel surabaya.

No responses yet