• 16-05-2024, 10:20:54
    #1
    Merhaba, PHP ile kodlanmış sitemin menüsünün üzerine gelince açılıp kapanabilen bir menü eklemem gerekiyor. Bu konuda yardımcı olabilecek biri var mı?

    <li class="nav-item">
                                     <a class="nav-link  p-0" href="galeri"> 
                                        <span class="d-block">06</span>
                                        Galeri
                                     </a>
                                  </li>
  • 16-05-2024, 10:22:31
    #2
    Eğer bootstrap kullanıyorsan bootstrap dropdown menu lere bak
  • 16-05-2024, 10:23:05
    #3
    baktım hocam sonuç alamadım
    VelatErtach adlı üyeden alıntı: mesajı görüntüle
    Eğer bootstrap kullanıyorsan bootstrap dropdown menu lere bak
  • 16-05-2024, 10:26:34
    #4
    Şuan mobilim kurstayım ama yapay zeka şunu veriyor
    Bootstrap cdn lerini dahil etmen lazım projeye eğer dahil değilse.


    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bootstrap Dropdown Menu</title>
    <!-- Bootstrap CSS -->
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>

    <div class="container mt-5">
    <!-- Dropdown Menu -->
    <div class="dropdown">
    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
    </button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
    </div>
    </div>
    </div>

    <!-- Bootstrap JS, Popper.js, and jQuery -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    </body>
    </html>
  • 16-05-2024, 10:27:28
    #5
    Boostrap Örnek Kod;


     <ul class="dropdown-menu">
    <li><a class="dropdown-item" href="#">Action</a></li>
    <li><a class="dropdown-item" href="#">Another action</a></li>
    <li><hr class="dropdown-divider"></li>
    <li><a class="dropdown-item" href="#">Something else here</a></li>
    </ul>
    Javascript Eklemeyi Unutmayın.