Tutorial Bootstrap #2 Membuat Menu BAR atau NAVBAR dengan Bootstrap


[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”

  1. 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

  2. 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.

  3. 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 .

Leave a Reply