bootstrap-magic/2.3.2/app/preview/dropdowns.html at master · csseditor/bootstrap-magic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<section class="row-fluid">
	<div class="span12">
		<section class="row-fluid">
			<div class="span4">
				<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display: block; position: static; margin-bottom: 5px; *width: 180px;">
					<li><a tabindex="-1" href="" title="Bootstrap Themes Generator">Action</a></li>
					<li><a tabindex="-1" href="" title="Bootstrap Themes Generator">Another action</a></li>
					<li><a tabindex="-1" href="" title="Bootstrap Themes Generator">Something else here</a></li>
					<li class="divider"></li>
					<li><a tabindex="-1" href="" title="Bootstrap Themes Generator">Separated link</a></li>
				</ul>
			</div>
			<div class="span4">
				<div class="dropdown">
				    <a class="dropdown-toggle btn btn-primary" data-toggle="dropdown">Click to Dropdown <b class="caret"></b></a>
				    <ul class="dropdown-menu">
				        <li><a href="" title="Bootstrap Themes Generator">Action</a></li>
				        <li><a href="" title="Bootstrap Themes Generator">Another action</a></li>
				        <li><a href="" title="Bootstrap Themes Generator">Something else here</a></li>
				        <li class="divider"></li>
				        <li class="dropdown-submenu" role="menu" aria-labelledby="dLabel">
				            <a class="dropdown-toggle" data-toggle="dropdown">Dropdown 2</a>
				            <ul class="dropdown-menu">
				                <li><a href="" title="Bootstrap Themes Generator">Action</a></li>
				                <li><a href="" title="Bootstrap Themes Generator">Another action</a></li>
				                <li><a href="" title="Bootstrap Themes Generator">Something else here</a></li>
				                <li class="divider"></li>
				                <li><a href="" title="Bootstrap Themes Generator">Separated link</a></li>
				            </ul>
				        </li>
				    </ul>
				</div>
			</div>
		</section>
	</div>
</section>

<script>
	setTimeout( function () {
	    $('.dropdown-toggle').dropdown();
	}, 0);
</script>