1<div class="dropdowns">
2	<h2>Dropdowns</h2>
3	<div class="row">
4		<div class="col-sm-8 col-md-9">
5			<div class="dropdown">
6				<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
7					Dropdown
8				</button>
9				<div class="dropdown-menu" aria-labelledby="dropdownMenu1">
10					<a class="dropdown-item" href="javascript:void(0);">Action</a>
11					<a class="dropdown-item" href="javascript:void(0);">Another action</a>
12					<a class="dropdown-item" href="javascript:void(0);">Something else here</a>
13					<div class="dropdown-divider"></div>
14					<a class="dropdown-item" href="javascript:void(0);">Separated link</a>
15				</div>
16			</div>
17		</div>
18
19		<div class="col-sm-4 col-md-3">
20			<div class="input">
21				<p class="picker" data-selector=".dropdown-menu" data-element="background-color">
22					<label for="tc-dropdown-bg-color">Background:</label>
23					<input id="tc-dropdown-bg-color" data-selector=".dropdown-menu" data-element="background-color" data-var="@dropdown-bg" type="text">
24					<span class="input-group-addon"><i></i></span>
25				</p>
26				<p class="picker" data-selector=".dropdown-menu .dropdown-item" data-element="color">
27					<label for="tc-dropdown-text-color">Text color:</label>
28					<input id="tc-dropdown-text-color" data-selector=".dropdown-menu .dropdown-item" data-element="color" data-var="@dropdown-link-color" type="text">
29					<span class="input-group-addon"><i></i></span>
30				</p>
31				<p>
32					<label for="tc-dropdown-border-radius">Border radius:</label>
33					<input id="tc-dropdown-border-radius" class="nocolor" data-selector=".dropdown-menu" data-element="border-radius" type="text">
34				</p>
35			</div>
36		</div>
37	</div>
38</div>
39