Saya telah membuat navbar tetapi sepertinya tidak responsif. Ini hanya berfungsi sejauh tombol beralih muncul, tetapi tidak ada yang terjadi saat diklik. Selain itu, menu tarik-turun tidak berpengaruh. Saya sudah mencoba berbagai solusi yang disebutkan di posting lain tetapi sepertinya tidak ada yang berhasil.

Saya telah menyertakan skrip yang telah saya tautkan di bagian akhir. Tolong bantu saya mengidentifikasi di mana itu salah

        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
    <!-- Brand and toggle grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span> 
            </button>
            <a class="navbar-brand" href="index.html">GrapeVine</a>
          </div>

          <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav navbar-right">
              <li class="dropdown">
                <a href="#areas" class="dropdown-toggle" data-toggle="dropdown">Areas<b class="caret"></b></a>
              <ul class="dropdown-menu">
                    <li><a href="#North">North</a></li>
                    <li><a href="#East">East</a></li>
                    <li><a href="#South">South</a></li>
                    <li><a href="#west">West</a></li>
              </ul>
              </li>
              <li><a href="#about">About</a></li>
            </ul>
          </div>
      </div>
    </nav>


<script src="/js/myjQuery.js" type="text/javascript"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
    <script src="/js/bootsrap.min.js" type="text/javascript"></script>
1
tanyamonika 16 Maret 2017, 02:58

2 jawaban

Jawaban Terbaik

Saya pikir masalah Anda ada di sumber skrip Anda

Ganti ini

/js/bootsrap.min.js

Untuk

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js
1
Mark Gerryl Mirandilla 16 Maret 2017, 00:04

Anda sudah mendapatkan "bootsrap" alih-alih "bootstrap" di sumber skrip Anda:

<script src="/js/bootsrap.min.js" type="text/javascript"></script>
0
Marcin Restel 16 Maret 2017, 00:11