​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="utf-8">
5
    <title>Bootstrap3 下拉菜单标题 - 迹忆客(jiyik.com)</title>
6
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
7
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
8
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
9
</head>
10
<body>
11
​
12
<div class="dropdown">
13
    <button type="button" class="btn dropdown-toggle" id="dropdownMenu1"
14
            data-toggle="dropdown">
15
        主题
16
        <span class="caret"></span>
17
    </button>
18
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
19
        <li role="presentation" class="dropdown-header">下拉菜单标题</li>
20
        <li role="presentation" >
21
            <a role="menuitem" tabindex="-1" href="#">Java</a>
22
        </li>
23
        <li role="presentation">
24
            <a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
25
        </li>
26
        <li role="presentation">
27
            <a role="menuitem" tabindex="-1" href="#">
28
                数据通信/网络
29
            </a>
30
        </li>
31
        <li role="presentation" class="divider"></li>
32
        <li role="presentation" class="dropdown-header">下拉菜单标题</li>
33
        <li role="presentation">
34
            <a role="menuitem" tabindex="-1" href="#">分离的链接</a>
35
        </li>
36
    </ul>
37
</div>
38
​
39
</body>
40
</html>

Design By 迹忆客 © 2023 jiyik.com ALL RIGHT RESERVED 冀ICP备15007416号-2