<div class="container"> <! --> <spanclass="glyphicon glyphicon-tint"></span>
        <span class="glyphicon glyphicon-music"></span> <! --> <spanclass="caret"></span>
    </div>
Copy the code

<! DOCTYPE html> <html lang="en">
<head>
    <meta charset="UTF-8"> <title>Title</title> <! -- Mobile device preferred --> <meta name="viewport" content="width=device-width, initial-scale=1"> <! --> <link rel="stylesheet" href="bootstrap/css/bootstrap.css"> <! -- Bootstrap. js must be imported in jquery. js before importing bootstrap.js --> <script type="text/javascript" src="bootstrap/js/jquery.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
</head>
<body>
    <div class="container"> <! Pull down menu button + unordered list, but these contents should be placed inside a div --> <divclass="dropdown"> <! --> <buttonclass="btn btn-success" data-toggle="dropdown"<span style = "box-sizing: border-box! Importantclass="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-header"<li>< li><a href="#">HTML</a></li>
                <li><a href="#">CSS</a></li>
                <li><a href="#">JavaScript</a></li>
                <li><a href="#">Bootstrap</a></li> <! --<liclass="dropdown-header"> </li>--> <liclass="divider"></li> <! --li*4>a-->
                <li><a href="#">PHP</a></li>
                <li><a href="#">MYSQL</a></li>
                <li><a href="#">jQuery</a></li>
                <li class="disabled"><a href="#">java</a></li>
            </ul>
        </div>
    </div>
</body>
</html>
Copy the code