Html 引导中的活动下拉菜单_Html_Css_Twitter Bootstrap_Drop Down Menu

Html 引导中的活动下拉菜单

html css twitter-bootstrap drop-down-menu

Html 引导中的活动下拉菜单,html,css,twitter-bootstrap,drop-down-menu,Html,Css,Twitter Bootstrap,Drop Down Menu,我试图在引导中创建一个下拉菜单，但它不起作用！我在W3学校尝试了许多样本，但没有一个有效：( 下拉菜单 .dropdown类用于指示下拉菜单使用.dropdown菜单类实际构建下拉菜单要打开下拉菜单，请使用按钮或带有.dropdown toggle和data toggle=“dropdown”类的链接。下拉示例尝试完成标记。在这里效果很好 <html> <head>  &

我试图在引导中创建一个下拉菜单，但它不起作用！我在W3学校尝试了许多样本，但没有一个有效：(


下拉菜单
.dropdown类用于指示下拉菜单
使用.dropdown菜单类实际构建下拉菜单
要打开下拉菜单，请使用按钮或带有.dropdown toggle和data toggle=“dropdown”类的链接。
下拉示例

尝试完成标记。在这里效果很好

<html>
    <head>
        <!-- links -->
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    </head>
    <body>
        <!-- My Code -->
        <div class="container">
            <h2>Dropdowns</h2>
            <p>The .dropdown class is used to indicate a dropdown menu.</p>
            <p>Use the .dropdown-menu class to actually build the dropdown menu.</p>
            <p>To open the dropdown menu, use a button or a link with a class of .dropdown-toggle and data-toggle="dropdown".</p>                                          
            <div class="dropdown">
                <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="#">HTML</a></li>
                    <li><a href="#">CSS</a></li>
                    <li><a href="#">JavaScript</a></li>
                </ul>
            </div>
        </div>
    </body>
</html>


下拉菜单
.dropdown类用于指示下拉菜单
使用.dropdown菜单类实际构建下拉菜单
要打开下拉菜单，请使用按钮或带有.dropdown toggle和data toggle=“dropdown”类的链接。
下拉示例

您发布的代码有效，那么“它们都不起作用”的确切含义是什么？在这里有效->。控制台中有错误吗？我认为这是一个注释，而不是答案。@alirezasafian是的，可以对其进行注释，但我认为演示如何操作要好得多。

<html>
    <head>
        <!-- links -->
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    </head>
    <body>
        <!-- My Code -->
        <div class="container">
            <h2>Dropdowns</h2>
            <p>The .dropdown class is used to indicate a dropdown menu.</p>
            <p>Use the .dropdown-menu class to actually build the dropdown menu.</p>
            <p>To open the dropdown menu, use a button or a link with a class of .dropdown-toggle and data-toggle="dropdown".</p>                                          
            <div class="dropdown">
                <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="#">HTML</a></li>
                    <li><a href="#">CSS</a></li>
                    <li><a href="#">JavaScript</a></li>
                </ul>
            </div>
        </div>
    </body>
</html>