Breadcrumb Basic Styles
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Usage
                                        
<div class="row align-items-end p-3 mb-3">
    <div class="col-sm-12 col-md-12 col-lg-12 col-xl-6">
        <div class="d-inline">
            <h5>Breadcrumb Basic Styles</h5>
            <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
        </div>
    </div>
<div class="col-sm-12 col-md-12 col-lg-12 col-xl-6">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb float-right">
            <li class="breadcrumb-item"><a href="#"><i class="feather icon-home"></i></a></li>
            <li class="breadcrumb-item"><a href="#">Breadcrumb</a></li>
            <li class="breadcrumb-item active" aria-current="page">Example Breadcrumb</li>
        </ol>
    </nav>
</div>
</div>
                                    
                                
Breadcrumb Basic With White Background Color
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Bottom Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Without Icon Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Icon Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Color Icon Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Usage
                                        
<div class="row bg-white p-3 mb-3">
<div class="col-sm-12 col-md-12 col-lg-12 col-xl-6">
<div class="d-inline">
    <div class="text-center left-icon-breadcrumb text-info">
        <i class="fa fa-home"></i>
    </div>
    <h5>Color Icon Breadcrumb</h5>
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-12 col-xl-6">
<nav aria-label="breadcrumb">
    <ol class="breadcrumb float-right">
        <li class="breadcrumb-item"><a href="#">Home</a></li>
        <li class="breadcrumb-item"><a href="#">Breadcrumb</a></li>
        <li class="breadcrumb-item active" aria-current="page">Example Breadcrumb</li>
    </ol>
</nav>
</div>
</div>
                                    
                                

Colored Breadcrumb

Default Color Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Usage

For Colored Breadcrumb just use .bg-default, .bg-danger e.t.c

                                    
<h4>Colored Breadcrumb</h4>
<div class="row bg-default p-3 mb-3">
    <div class="col-sm-12 col-md-12 col-lg-12 col-xl-6">
        <div class="d-inline">
            <h5>Default Color Breadcrumb</h5>
            <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit</span>
        </div>
    </div>
    <div class="col-sm-12 col-md-12 col-lg-12 col-xl-6">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb float-right">
                <li class="breadcrumb-item"><a href="#"><i class="feather icon-home"></i></a></li>
                <li class="breadcrumb-item"><a href="#">Breadcrumb</a></li>
                <li class="breadcrumb-item active" aria-current="page">Example Breadcrumb</li>
            </ol>
        </nav>
    </div>
</div>
                                
                            
Dark Color Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Danger Color Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Info Color Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Inverse Color Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Orange Color Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Primary Color Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Purple Color Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Red Color Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Secondary Color Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Success Color Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Warning Color Breadcrumb
Lorem ipsum dolor sit amet, consectetur adipisicing elit