Arkadaşlar bir github projesi buldum ve Bootstrap menüsünü bu şekilde yapmak istiyorum ancak yapamadım. Ücretli ücretsiz yardımcı olabilecek var mı?
Link: http://kybarg.github.io/bootstrap-dropdown-hover/
Bootstrap Menü
6
●287
- 15-12-2018, 14:53:29Hocam aynısını yaptım ancak ben de yine çalışmadı, herhalde gözden kaçırdığım bir şey var, nerede hata yapıyorum bir bakabilir misiniz?Alicanklc adlı üyeden alıntı: mesajı görüntüle
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link rel="stylesheet" href="css/bootstrap-dropdownhover.css"> <link rel="stylesheet" href="css/animate.css"> </head> <body> <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" data-hover="dropdown"> Dropdown <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li class="dropdown"> <a href="#">One more dropdown</a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li class="dropdown"> <a href="#">One more dropdown</a> <ul class="dropdown-menu"> ... </ul> </li> <li><a href="#">Something else here</a></li> <li><a href="#">Separated link</a></li> </ul> </li> <li><a href="#">Something else here</a></li> <li><a href="#">Separated link</a></li> </ul> </div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> <script src="js/bootstrap-dropdownhover.js"></script> </body> </html> - 15-12-2018, 15:02:283.3.7 sürümünü de denedim onda da olmadı. Bootstrap'ın sitesinde en yakın sürüm bu ve ben projemde 4 kullanıyorum. Bir yolu yok mu acaba?Alicanklc adlı üyeden alıntı: mesajı görüntüle
- 15-12-2018, 15:16:32Üyeliği durdurulduSitenin csslerinide cekebılırsiniz.
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Bootstrap hover</title> <link rel='stylesheet' href='http://kybarg.github.io/bootstrap-dropdown-hover/assets/bootstrap/css/bootstrap.min.css'> <link rel='stylesheet' href='http://kybarg.github.io/bootstrap-dropdown-hover/assets/bootstrap-dropdownhover/css/animate.min.css'> <link rel='stylesheet' href='http://kybarg.github.io/bootstrap-dropdown-hover/assets/bootstrap-dropdownhover/css/bootstrap-dropdownhover.min.css'> </head> <body> <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" data-hover="dropdown"> Dropdown <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li class="dropdown"> <a href="#">One more dropdown</a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li class="dropdown"> <a href="#">One more dropdown</a> <ul class="dropdown-menu"> ... </ul> </li> <li><a href="#">Something else here</a></li> <li><a href="#">Separated link</a></li> </ul> </li> <li><a href="#">Something else here</a></li> <li><a href="#">Separated link</a></li> </ul> </div> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script> <script src='http://kybarg.github.io/bootstrap-dropdown-hover/assets/bootstrap/js/bootstrap.min.js'></script> <script src='http://kybarg.github.io/bootstrap-dropdown-hover/assets/bootstrap-dropdownhover/js/bootstrap-dropdownhover.js'></script> </body> </html>