@ustack/uskin
Version:
A graceful framework which provides developers another chance to build an amazing site.
66 lines (65 loc) • 2.41 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Dropdown Sample</title>
<link href="../../dist/css/uskin.css" rel="stylesheet" />
</head>
<body style="margin-top:20px;margin-left:20px;">
<div style="position:relative;">
<div class="dropdown">
<ul>
<li><a href="javascript:;">Reboot</a></li>
<li><a href="javascript:;">Take Image Snapshot</a></li>
</ul>
<ul>
<li><a href="javascript:;">Associate Public IP</a></li>
<li><a href="javascript:;">Dissociate Public IP</a></li>
<li><a href="javascript:;">Join Networks</a></li>
</ul>
<ul>
<li><a href="javascript:;">Change Security Group</a></li>
<li><a href="javascript:;">Change Password</a></li>
<li><a href="javascript:;">Change Keypair</a></li>
</ul>
<ul>
<li><a href="javascript:;">Add Volume</a></li>
<li class="disabled"><a href="javascript:;">Remove Volume</a></li>
</ul>
<ul>
<li class="danger"><a href="javascript:;">Terminate</a></li>
</ul>
</div>
</div>
<div style="position:relative;margin-left: 200px;">
<div class="dropdown">
<ul>
<li class="dropdown-header">Basic Ops</li>
<li><a href="javascript:;">Reboot</a></li>
<li><a href="javascript:;">Take Image Snapshot</a></li>
</ul>
<ul>
<li class="dropdown-header">Network Ops</li>
<li><a href="javascript:;">Associate Public IP</a></li>
<li><a href="javascript:;">Dissociate Public IP</a></li>
<li><a href="javascript:;">Join Networks</a></li>
</ul>
<ul>
<li><a href="javascript:;">Change Security Group</a></li>
<li><a href="javascript:;">Change Password</a></li>
<li><a href="javascript:;">Change Keypair</a></li>
</ul>
<ul>
<li class="dropdown-header">Volume Ops</li>
<li><a href="javascript:;">Add Volume</a></li>
<li class="disabled"><a href="javascript:;">Remove Volume</a></li>
</ul>
<ul>
<li class="dropdown-header">Dangerous Ops</li>
<li class="danger"><a href="javascript:;">Terminate</a></li>
</ul>
</div>
</div>
</body>
</html>