Bootstrap案例 - W3xue在线HTML/CSS/JS运行工具

​x
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"> 
    <title>Bootstrap 实例 - 向右对齐下拉菜单</title>
    <link rel="stylesheet" href="/css/bootstrap/bootstrap3.3.7.min.css">
    <script src="/js/bootstrap/jquery.min.js"></script>
    <script src="/js/bootstrap/bootstrap3.3.7.min.js"></script>
</head>
<body>
​
<div class="dropdown">
    <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" 
            data-toggle="dropdown">主题
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu pull-right" role="menu" 
        aria-labelledby="dropdownMenu1">
        <li role="presentation">
            <a role="menuitem" tabindex="-1" href="#">Java</a>
        </li>
        <li role="presentation">
            <a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
        </li>