請教 dropdown 下拉出不來
照著老師的做下來的 不知道哪里有問題。求大神幫我看下
<!doctype html>
<html>
? ? ?<head>
? ? ?<meta charset="utf-8">
? ? ?<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
? ? ?<link rel="stylesheet" href="./css/bootstrap.min.css">
? ? ? <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
? ? ?<script src="./js/bootstrap.min.js"></script> ?
? ? ?<title>dropdown</title>
? ? ?</head>
? ??
? ? ?<body>
<div>
<button class="btn btn-default dropdown-toggle" data-toggle="
? ? dropdown">
? ? ?這是按鈕
? ? ?<span></span>
? ? </button>
? ? ? ? <ul>
? ? ? ? ?<li>
? ? ? ? ? ? <a href="#">鏈接</a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? <a href="#">鏈接</a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? <a href="#">鏈接</a>
? ? ? ? ? ? </li>
? ? ? ? </ul> ? ? ?
</div>
? ? ?</body>
? ? </html>
2020-07-18
看看控制臺是不是報錯缺少popper.js？
在bootstrap之前引入popper.js即可
<script?src="https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js"></script>
2018-12-29
這個主要就用到兩個類名加一個事件
最外側一個包裹的div加上dropdown類（元素1和元素2是div的子類）
元素1（按鈕）：button按鈕上綁定data-toggle = "dropdown"事件（此處不一定是button ，a標簽也行，但是保證在是帶有dropdown類的div的子元素）
元素2（列表）：下拉列表，一般是用ul+li設置，但是這個元素也就是ul標簽要帶有dropdown-menu類。你也可以用<p class="dropdown-menu"><a>11</a><br/><a>11</a><br/><a>11</a><br/></p>來寫，看你個人愛好
至于button上的dropdown-toggle類，這個只是一個樣式顯示，不影響效果的生成。
2017-10-17
我寫的時候有加的，但是復制進來沒有了。我又重新加進去了。
麻煩再幫我看一下啦。感謝~
<!doctype html>
<html>
? ? ?<head>
? ? ?<meta charset="utf-8">
? ? ?<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
? ? ?<link rel="stylesheet" href="./css/bootstrap.min.css">
? ? ? <script src="./js/jquery-3.2.1.js"></script>
? ? ?<script src="./js/bootstrap.min.js"></script> ?
? ? ?<title>dropdown</title>
? ? ?</head>
? ??
? ? ?<body>
<div ?class="dropdown">
<button class="btn btn-default dropdown-toggle" data-toggle="
? ? dropdown">
? ? ?這是按鈕
? ? ?<span ?class="caret"></span>
? ? </button>
? ? ? ? <ul ?class="dropdown-menu">
? ? ? ? ?<li>
? ? ? ? ? ? <a href="#">鏈接</a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? <a href="#">鏈接</a>
? ? ? ? ? ? </li>
? ? ? ? ? ? <li>
? ? ? ? ? ? <a href="#">鏈接</a>
? ? ? ? ? ? </li>
? ? ? ? </ul> ? ? ?
</div>
? ? ?</body>
? ? </html>
2017-10-17
兩個地方的class沒加
<div class="dropdown">
?<ul class="dropdown-menu">
另，只加第二個class，ul列表會顯示在屏幕下方