v2.5.2
Giriş yap

bootstrap dropdown menü sorunu

Anonim
1,567 defa görüntülendi
3

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous"></head>

<body class="m-5">

<!-- Example split danger button -->

<div class="btn-group">

<button type="button" class="btn btn-danger">Action</button>
<button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  <span class="sr-only"></span>
</button>
<div class="dropdown-menu">
  <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 class="dropdown-divider"></div>
  <a class="dropdown-item" href="#">Separated link</a>
</div>

</div>

<script src="popper.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>

</body>
</html>

css html
Cevap yaz
Cevaplar (3)
makifgokce
1155 gün önce

Bootstrap 5 te data attributelerinin isimleri değişti.
Örnek : data-toggle => data-bs-toggle
https://getbootstrap.com/docs/5.1/components/dropdowns/#split-button

1
#007475
batuhanal
1155 gün önce

Lütfen Markdown Yazı Kurallarına Uyarak Soru Sorun Bilmiyorsanız siteden araştırabilirsiniz.

//Please
0
#007480
yigitergun4
1155 gün önce

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Milyonlarca film ve dizi bu sitede!</title>
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous"></head>

</head>
<body>

<p>
    <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-target="#content">Button</button>
</p>
<div id="content" class="collapse">
    <h2>Lorem ipsum dolor sit amet.</h2>
    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maxime, necessitatibus quo. Cupiditate temporibus optio numquam sint, laudantium libero suscipit esse commodi deleniti, quibusdam velit dignissimos odio quia aliquam facilis facere.</p>
</div>

 

<script src="popper.js"></script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
</body>
</html>

Bunda da aynı hatayı veriyor butona bastığımda altındaki paragraf gözükmüyor

0
#007479