button-group

test.html

<div class="button-group">
    <button class="button secondary">Generate Password</button>
    <button class="button secondary dropdown-toggle" data-toggle="dropdown">
        <span class="gear">&#x2699;</span>
    </button>
    <ul class="dropdown-menu pull-right">
        <li>
            <div class="dropdown-form-item">
                <div id="passwordSlider" class="dropdown-form-item">
                    <span>Password Length: <span></span></span>
                </div>
            </div>
        </li>
        <li>
            <div class="dropdown-form-item">
                <label class="checkbox">
                  Uppercase <input type="checkbox">
                </label>
            </div>
        </li>
        <li>
            <div class="dropdown-form-item">
                <label class="checkbox">
                  Numbers <input type="checkbox">
                </label>
            </div>
        </li>
        <li>
            <div class="dropdown-form-item">
                <label class="checkbox">
                    Symbols <input type="checkbox">
                </label>
            </div>
        </li>
    </ul>
</div>