为了账号安全,请及时绑定邮箱和手机立即绑定

为啥把所有代码全部复制到DW中,保存成HTML格式后运行出来的效果和慕课的按钮特效都不一样,而且也没有下拉弹出的效果,LI标签的内容直接显示出来了。。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>组合式下拉菜单</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="btn-group">
      <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">按钮下拉菜单<span class="caret"></span></button>
    <ul class="dropdown-menu">
     <li><a href="##">按钮下拉菜单项</a></li>
     <li><a href="##">按钮下拉菜单项</a></li>
     <li><a href="##">按钮下拉菜单项</a></li>
     <li><a href="##">按钮下拉菜单项</a></li>
    </ul>
  </div>
  <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>

正在回答

4 回答

bootstrap的嵌入格式不正确,你可以试试bootstrap官网给出的格式就是这个“

<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">


0 回复 有任何疑惑可以回复我~

去 bootstrap官网 下载一个 bootstrap 的css样式导入进去

0 回复 有任何疑惑可以回复我~

自己按F12看看是什么错误吧

0 回复 有任何疑惑可以回复我~

可以啊是有下拉列表的样式啊,就是那个style.css没有用而已, 不碍事

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为啥把所有代码全部复制到DW中,保存成HTML格式后运行出来的效果和慕课的按钮特效都不一样,而且也没有下拉弹出的效果,LI标签的内容直接显示出来了。。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信