• 1402/11/02

(data-bs-toggle) راه حل من برای حل مشکل dropdown در bootstrap 5 :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>toggle menu </title>
    <link rel="stylesheet" href="./bootstrap-5.3.2-dist/css/bootstrap-reboot.min.css">
    <link rel="stylesheet" href="./bootstrap-5.3.2-dist/css/bootstrap.min.css">
</head>
<body>
    <nav class=" navbar-nav bg-dark navbar-dark ">
        <div class="dropdown ">
            <a href="#" class="nav-item nav-link dropdown-toggle " data-bs-toggle="dropdown">Account</a>
            <div class="dropdown-menu">
                <a href="#" class="dropdown-item">Register</a>
                <a href="#" class="dropdown-item">Login</a>
                <a href="#" class="dropdown-item">Panel</a>
            </div>
        </div>
    </nav>
</body>
<script src="jquery-3.7.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.8/umd/popper.min.js"></script>
<script src="bootstrap-5.3.2-dist/js/bootstrap.js"></script>
</html>

فکر میکنم تنها تفاوتش data-bs-toggle بجای data-toggle در بوت استرپ 4 هست

 

این هم لینک فایل popper 

https://cdnjs.com/libraries/popper.js

این هم متن فایل popper

https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.8/umd/popper.min.js

  • 1402/11/05
  • ساعت 13:43

سلام دوست من وقتتون بخیر

ممنونم از توضیحات شما


  • 1402/11/12
  • ساعت 17:57

خواهش میکنم استاد، لطف دارید.


logo-enamadlogo-samandehi