Borders

Use border utilities to quickly style the border of an element

Border width

Change the border width easily using .border-{size}.

    
        <div class="border border-light border-1"></div>
        <div class="border border-light border-2"></div>
        <div class="border border-light border-3"></div>
    

Responsive borders

Add or remove left and right borders based on Bootstrap breakpoints.

Excepteur sint occaecat aute

Duis aute irure dolor in reprehenderit in voluptate esse cillum dolore eu fugiat.

    
        <div class="row">
            <div class="col-lg-5 border-lg-right border-light pr-lg-5">
                <p class="h2 mb-4">Excepteur sint occaecat aute</p>
            </div>
            <div class="col-lg pl-lg-5">
                <p class="lead">Duis aute irure dolor in reprehenderit in voluptate esse cillum dolore eu fugiat.</p>
            </div>
        </div>
    

Bootstrap Documentation