Mengapa Menu Jatuh Bawah Bootstrap 4 saya Tidak Berfungsi?-tutorial css-php.cn

Mengapa Menu Jatuh Bawah Bootstrap 4 saya Tidak Berfungsi?

Barbara Streisand

Lepaskan： 2024-11-18 01:10:01

asal

311 orang telah melayarinya

Why is my Bootstrap 4 Dropdown Menu Not Working?

Mengapa Menu Jatuh Turun Bootstrap 4 saya Tidak Berfungsi?

Masalah:

Anda' telah melaksanakan contoh Bootstrap 4 rasmi untuk menu lungsur, tetapi ia tidak dipaparkan bila diklik.

Potensi Penyelesaian:

Pastikan yang berikut:

Sertakan Fail yang Diperlukan:
- Pastikan anda telah memasukkan jQuery, Popper.js dan Bootstrap.js dalam susunan yang betul.
Semak Konsol untuk Ralat:
- Periksa konsol penyemak imbas untuk sebarang ralat atau amaran.
Sahkan ID Elemen:
- Pastikan atribut id bagi togol lungsur turun (dropdown01) dan menu lungsur turun (aria-labelledby="dropdown01") perlawanan.

Penyelesaian Isu Khusus:

Popper.js yang hilang: Ia telah melaporkan bahawa ketiadaan Popper.js boleh menyebabkan isu ini. Pastikan Popper.js disertakan dan berfungsi dengan betul.
Versi Bootstrap Lapuk: Sahkan bahawa anda menggunakan versi terbaharu Bootstrap 4. Versi lama mungkin menunjukkan tingkah laku ini.

Contoh Kerja:

Di bawah ialah contoh menu lungsur Bootstrap 4 yang berfungsi sepenuhnya:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
</head>
<body>
  <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="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse">

Salin selepas log masuk

Atas ialah kandungan terperinci Mengapa Menu Jatuh Bawah Bootstrap 4 saya Tidak Berfungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!