[ad_1]
https://i.ytimg.com/vi/eE13dX3rhE0/hqdefault.jpg
Ini adalah video KEDUA dari seri tutorial web design dengan menggunakan Framework Bootstrap.
Tutorial kedua ini kita akan membahas cara membuat menu bar atau navbar dengan menggunakan bootstrap.
Original source
37 responses to “Tutorial Bootstrap #2 Membuat Menu BAR atau NAVBAR dengan Bootstrap”
sekedar info
untuk cek responsive bisa CTRL+SHIFT+i
bang htmlnya gk muncul itu kenapa ya bang ?
Bang kok dropdown gw gak mau y kalo panggil css dan js offline? Kalau panggil css dan js online batu mau bang, mohon pencerahannya ๐
izin download videonya..
Pak js-scroll-trigger buat apaan yak?
izin download videonya kak, buat blajar..
Sangat jelas tutorialnya ,makasih banyak ya kak , sukses selalu buat channelnya
Trims mas, jadi tau triknya
MANTAP
Kok gua agak kesel juga ya ๐ soalnya dulu belajar klo mau bikin ginian ya harus ngetik code dari awal. -_
hanya membantu buat yg masalah dropdownnya tidak bisa
kalian bisa copy .
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
taruh di dalam tag <head>
trmksh semoga membantu
Bang boleh minjem otak nya gak bang ๐
Heran saya bisa easy gitu pas ngoding wkwkwk
Tks bang
Saya sudah coba sesuai toturial tetapi tidak berfungsi dropdownnya.
untuk dapat menjadikan tombol home dll ke tengah printahx apa yah..
kok saya pas di minimize tombol nya gk ada ya. mohon pencerahan nya bang
Aku coba kok g muncul tulisan hallo world
bang cara buat halaman baru kalo kita klik daftar gimana
bang navbar saya pas di coba responsive saat mau klik tombolnya malah gk muncul kek punya abang padahal dah benar codenya
Dropdown ku kok ga bisa turun ya?
maaf mau tanya kenapa saat saya kasih dropdown dia tidak muncul item nya,sedangkan di tutorial muncul
Bang jika mau memberikan postingan ke menu nya atau sub menunya gimana ya?
Auto sub mantap sangat terperinci & jelas
izin download videonya kak
Punya saya pas ditulisan artikel kenapa dia tidak sejajar dengan menu yg lain ya? Dia turun kebawah dibagian artikelnya setelah tutorial
bang bikinin tutor pemula untuk mysqli dong
Bang harusnya setiap class itu dijelasin maksudnya misalnya js-scroll-trigger
1 years
bang kalo offline navbar yg drop down kok gx berfungsi ya? mohon solusinya trims
thanks uuuu
Btw subbed!!
buat kalian yg button responsive nya gk aktif saat di tekan. download https://jquery.com/ kemudian taruh di folder js
kemudian panggil dan letakkan di script diatasnya bootstrap. contohnya seperti ini
<!– Optional JavaScript –>
<!– jQuery first, then Popper.js, then Bootstrap JS –>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
sesuaikan urutan pemanggilannya seperti pada starter template bootstrap.
Tampilan navbar nya saya tidak seperti yang di bootsyrap Kak, mohon solusinya?
Ini tutorial yang saya cari, terimakasih gan
Makasih kak tutorialnya sangat detail , dan bermanfaat.
ga mau muncul menu dropdown nya padahal coding udah sma persis. kenapa ya??
untuk tambahan aja, jika menggunakan bootsrap dengan cara offline dibagian javascript tambahkan kode dibawah ini. Agar saat mode handphone button dapat dipencet ke bawah :
<!– Optional JavaScript –>
<!– jQuery first, then Popper.js, then Bootstrap JS –>
<script type="text/javascript" src="js/jquery-3.3.1.slim.js"></script>
<script type="text/javascript" src="js/popper.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
untuk js/jquery-3.3.1.slim.js dapat di download di https://code.jquery.com/jquery-3.3.1.slim.js, klik kanan save as dan simpan di folder JS .
untuk js/popper.min.js dapat di download di https://code.jquery.com/jquery-3.3.1.slim.js, klik kanan save as dan simpan di folder JS .
kenapa button saya ga responsive ya ga bisa di pencet button pas mode handphone dipencet ga kebawah