Bootstrap3 Skeleton - With Font Awesome

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle collection-dropdown" type="button" id="collection-dropdown-39912" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Choose or Create Collection <span class="caret"></span>

    </button>
    <ul class="dropdown-menu user-collection-list" aria-labelledby="collection-dropdown-39912">
        <li> <a href="#">Happy collection</a>

        </li>
        <li> <a href="#">Sad collection</a>

        </li>
    </ul>
</div>
<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle collection-dropdown" type="button" id="collection-dropdown-40261" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Choose or Create Collection <span class="caret"></span>

    </button>
    <ul class="dropdown-menu user-collection-list" aria-labelledby="collection-dropdown-40261">
        <li> <a href="#">Happy collection</a>

        </li>
        <li> <a href="#">Sad collection</a>

        </li>
    </ul>
</div>

CSS

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css');
 @import url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css');
 .container {
    margin-top: 10px;
}