Bootstrap 3 - Keep Dropdown Menu Small When Linked To Small Button

Reduce the font size on the drop down menu to match the font size of .btn-xs

by Paul Zepernick

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
 <div class="btn-group">
			  <button type="button" class="btn btn-xs btn-success dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
			    My Button <span class="caret"></span>
			  </button>
			  <ul class="dropdown-menu" role="menu">
			    		<li>
			    			<a href="#">Option 1</a>
			    		</li>
                  			    		<li>
			    			<a href="#">Option 2</a>
			    		</li>
                  			    		<li>
			    			<a href="#">Option 3</a>
			    		</li>
			  </ul>
		</div>

CSS

.btn.btn-xs + ul.dropdown-menu > li > a {
	font-size: 12px;
}