Belajar Membuat Toko Online Dengan framework bootstrap

Kursus Website Terbaik

Untuk membuat toko Tampilan toko online dengan boostrap langkah pertama yang harus kita lakukan adalah buka dokumentasi dari bootstrapnya

Membuat Navbar

silahkan buka kembali text editornya , kita akan coba membuat navbar , Masih dihalaman dokumentasi boostrap kemudian kita buka menu navbar, silahkan pilih template navbar mana yang akan anda gunakan untuk membuat navigasi websitenya. disini saya akan menggunakan template seperti gambar dibawah ini , silahkan klik tulisan Copy atau blok kodingnya kemudian anda copy paste .

Jika sudah di copy , langkah selanjutnya kita buka text editor nya . dan paste script navbar tadi ke text editor kita

Langkah Selanjutnya kita buka hasilnya di browser

tampilan disini saya navbarnya sudah ada warnanya karena saya tambahkan

text. =>  navbar-dark bg-primary

fungsi class ini untuk mengganti warna background

Langkah selanjutnya kita akan coba mengatur Menu

untuk mengatur Menu yang ada pada Paragraf kita buka kembali text editornya

Silahkan si sesuaikan seperti gambar di atas ya untuk navbarnya

sampe sini dulu , kita akan masuk ke tahap 3 ,

untuk membuat slider dan membuat tampilan Produk