下拉菜单不能用

来源:5-4 下拉菜单

慕仙1240758

2021-06-29 11:22

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>下拉菜单</title>

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">


<!-- 可选的 Bootstrap 主题文件(一般不用引入) -->

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">


<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

</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="http://baidu.com">

                    百度

                </a>

            </li>

            <li>

                <a href="http://baidu.com">

                    百度

                </a>

            </li>

            <li>

                <a href="http://baidu.com">

                    百度

                </a>

            </li>

            <li>

                <a href="http://baidu.com">

                    百度

                </a>

            </li>

        </ul>

    </div>

    

    

</body>

</html>


写回答 关注

2回答

  • 慕梦前来
    2021-12-22 19:08:23

    cdn改地址了

  • 慕梦前来
    2021-10-21 18:16:53

    这个引用的有问题了

bootstrap快速入门

bootstrap是目前最流行的框架之一,能够带你快速搭建网页!

100966 学习 · 187 问题

查看课程

相似问题