<div class="dropdown multiselect">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li><a>
<input type="checkbox" id="action1">
<label for="action1">Action</label>
</a></li>
<li><a>
<input type="checkbox" id="action2">
<label for="action2">Action</label>
</a></li>
<li><a>
<input type="checkbox" id="action3">
<label for="action3">Action</label>
</a></li>
<li role="separator" class="divider"></li>
<li><a>
<input type="checkbox" id="action4">
<label for="action4">Action</label>
</a></li>
</ul>
</div>
.dropdown.multiselect input[type="checkbox"] {
display: none;
}
.dropdown.multiselect input[type="checkbox"] + label:before {
content: '\00a0';
width: 15px;
display: inline-block;
padding-right: 20px;
}
.dropdown.multiselect input[type="checkbox"]:checked + label:before {
content: '\2714';
padding-right: 20px;
}