问答详情
源自：5-1 下拉菜单（基本用法）

都是本地引入，是不是下错了，没有下拉列表

<link rel="stylesheet" href="css/bootstrap.min.css">

<title>无标题文档</title>

</head>


<body>

<div class="container">

  <div class="row">

    <div class="col-md-4">.col-md-1</div>

    <div class="col-md-4 col-md-offset-4">.col-md-8</div>

  </div>

 </div>

 <div class="container">

  <div class="row">

    <div class="col-md-4 col-md-push-8">.col-md-4</div>

    <div class="col-md-8 col-md-pull-4">.col-md-8</div>

  </div>

</div>

 <div class="dropdown">

 <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">

    下拉菜单

    <span class="caret"></span>

  </button>

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">

    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>

 </ul></div>

<script src="jQuery/jquery-3.3.1.js"></script>

<script src="jQuery/js/bootstrap.min.js"></script>

</body>


提问者：qq_房梁一梦_0 2018-08-30 20:26

个回答

  • 3116ZY
    2018-09-02 10:02:28
    已采纳

    你代码关于下拉菜单的部分是没有错的；

    可能是你引入文件错误的问题，建议检查：

    • 检查引入文件的路径是否正确

    • 相应的bootstrap.js版本是否和jQuery版本匹配

    • 检查引入文件的源码，'ctrl+F'搜索'dropdown'，看是否有相关支持

    0
  • 明明的明天12
    2018-09-03 18:57:02

    '相应的bootstrap.js版本是否和jQuery版本匹配',请问这句话能否详细解释下？

    0