MEMBUAT NAVBAR MENGGUNAKAN BOOTSTRAP 4

ASSALAMUALAIKUM WR.WB

nama:retna sari

CARA MEMBUAT NAVBAR MENGGUNAKAN BOOTSTRAP 4


denngan langkah langkah sebagai berikut:

1.klik sublime

2.pilih bootstrap 4

3.pilih hoctos

4 pilih navbar

5.lalu copy sebagai berikut:

<nav class="navbar navbar-expand-lg navbar-light bg-light">

  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Features</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Pricing</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
      </li>
    </ul>
  </div>
</nav>
6.lalu jadikan seperti berikut

7.kemudian cek dengan cara klik kanan dan pilih open in brouser
jika sudah benar maka mucul gambar sebagai berikut




sekian dari saya terimakasih
wassalamualaikum wr. wb

Komentar

Postingan populer dari blog ini

cara membuat laporan

cara mendownload xammpp

Bersih bersih leb komputer (Senin 22/3/2021)