Solid

                        
                            <section id="dt-content" class="sec-pt-lg">
    <div class="container">
        <div class="row">
            <div class="col-12">
              <h2>Solid</h2>
                <hr class="divider-solid">
            </div>
       </div>
    </div>
 </section>

Dashed

                        
<section id="dt-content" class="sec-pt-lg">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>Dashed</h2>
                <hr class="divider-dashed">
            </div>
        </div>
    </div>
</section>

Double

                        
<section id="dt-content" class="sec-pt-lg">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2>Double</h2>
                <hr class="divider-double">
            </div>
        </div>
    </div>
</section>

Dotted

                        
<section id="dt-content" class="sec-pt-lg">
    <div class="container">
        <div class="row">
            <div class="col-12">
                 <h2>Dotted</h2>
                <hr class="divider-dotted">
            </div>
       </div>
    </div>
 </section>