Bootstrap4 – Responsive Border Utilities
Bootstrap4 – Responsive Border Utilities
html
<div class="section5">
<div class="container py-5">
<h3 class="text-center w300"><span class="w900 text-success">Responsive Border</span> Utilities</h3>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 text-center text-success">
<div class="p-5 border-md-right"><i class="fas fa-battery-empty fa-4x "></i></div>
<div class="p-5 border-lg-right border-top border-md-top-0"><i class="fas fa-battery-quarter fa-4x "></i></div>
<div class="p-5 border-md-right border-top border-md-top-0"><i class="fas fa-battery-half fa-4x "></i></div>
<div class="p-5 border-top border-md-top-0"><i class="fas fa-battery-three-quarters fa-4x "></i></div>
</div>
</div>
</div>SCSS
Border utilities : https://github.com/twbs/bootstrap/issues/23892