---
tmp: true
---

<div class="dropdown d-inline-block">
	<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButtonAlias" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		Dropdown button
	</button>

	<ul class="dropdown-menu">
		<li>
			<a class="dropdown-item" href="#">Action</a>
		</li>
		<li>
			<a class="dropdown-item" href="#">Another action</a>
		</li>
		<li class="dropright">
			<a class="dropdown-item dropdown-toggle" href="#" id="dropdownSubmenuButton" data-toggle="dropdown">Something else here</a>
			<div class="dropdown-menu">
				<a class="dropdown-item" href="#">Action</a>
				<a class="dropdown-item" href="#">Another action</a>
				<a class="dropdown-item" href="#">Something else action</a>
			</div>
		</li>
	</ul>
</div>

<div class="dropdown d-inline-block">
	<button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown">
		Dropdown with card
	</button>
	{% include cards/card.html class="dropdown-menu" title="Card title" footer=true img-top=true  %}
</div>