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