               <div class="card p-4 text-center text-md-left text-lg-center text-xl-right">
                    <strong>Responsive Text Alignment</strong><br>
                    .text-center .text-md-left .text-lg-center .text-xl-right
                </div>
            </div>

            <h3 class="h4 mb-4">Responsive Spacing</h3>
            <div class="demo-utility-grid mb-6">
                <div class="card p-2 p-md-4 p-lg-6">
                    <strong>Responsive Padding</strong><br>
              