Buttons

    <div class="button-small">
        <div class="normal-btn">
        <button type="button" class="btn btn-primary">Button</button>
        <button type="button" class="btn btn-secondary">Button</button>
        <button type="button" class="btn btn-success">Button</button>
        <button type="button" class="btn btn-danger">Button</button>
        <button type="button" class="btn btn-warning">Button</button>
        <button type="button" class="btn btn-info">Button</button>
        <button type="button" class="btn btn-light">Button</button>
        <button type="button" class="btn btn-dark">Button</button>
        </div>
        <div class="outline-btn">
        <button type="button" class="btn btn-outline-primary">Button</button>
        <button type="button" class="btn btn-outline-secondary">Button</button>
        <button type="button" class="btn btn-outline-success">Button</button>
        <button type="button" class="btn btn-outline-danger">Button</button>
        <button type="button" class="btn btn-outline-warning">Button</button>
        <button type="button" class="btn btn-outline-info">Button</button>
        <button type="button" class="btn btn-outline-light">Button</button>
        <button type="button" class="btn btn-outline-dark">Button</button>
        </div>        
    </div>
                    

Copy to clipboard

    <div class="button-medium">
        <h3>Medium buttons</h3>
        <div class="normal-btn">
        <button type="button" class="btn btn-primary">Button</button>
        <button type="button" class="btn btn-secondary">Button</button>
        <button type="button" class="btn btn-success">Button</button>
        <button type="button" class="btn btn-danger">Button</button>
        <button type="button" class="btn btn-warning">Button</button>
        <button type="button" class="btn btn-info">Button</button>
        <button type="button" class="btn btn-light">Button</button>
        <button type="button" class="btn btn-dark">Button</button>
        </div>
        <div class="outline-btn">
        <button type="button" class="btn btn-outline-primary">Button</button>
        <button type="button" class="btn btn-outline-secondary">Button</button>
        <button type="button" class="btn btn-outline-success">Button</button>
        <button type="button" class="btn btn-outline-danger">Button</button>
        <button type="button" class="btn btn-outline-warning">Button</button>
        <button type="button" class="btn btn-outline-info">Button</button>
        <button type="button" class="btn btn-outline-light">Button</button>
        <button type="button" class="btn btn-outline-dark">Button</button>
        </div>        
    </div> 
                    

Copy to clipboard

    <div class="button-large">
        <div class="normal-btn">
        <button type="button" class="btn btn-primary">Button</button>
        <button type="button" class="btn btn-secondary">Button</button>
        <button type="button" class="btn btn-success">Button</button>
        <button type="button" class="btn btn-danger">Button</button>
        <button type="button" class="btn btn-warning">Button</button>
        <button type="button" class="btn btn-info">Button</button>
        <button type="button" class="btn btn-light">Button</button>
        <button type="button" class="btn btn-dark">Button</button>
        </div>
        <div class="outline-btn">
        <button type="button" class="btn btn-outline-primary">Button</button>
        <button type="button" class="btn btn-outline-secondary">Button</button>
        <button type="button" class="btn btn-outline-success">Button</button>
        <button type="button" class="btn btn-outline-danger">Button</button>
        <button type="button" class="btn btn-outline-warning">Button</button>
        <button type="button" class="btn btn-outline-info">Button</button>
        <button type="button" class="btn btn-outline-light">Button</button>
        <button type="button" class="btn btn-outline-dark">Button</button>
        </div>        
    </div>
                    

Copy to clipboard