<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;
}
$('.dropdown-menu label').click(function(e) {
	e.stopPropagation();
});

External CSS

  1. https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css

External JavaScript

  1. https://code.jquery.com/jquery-2.2.4.min.js
  2. https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js