![](/posts/bootstrap-4-0-breakpoint-indicator/photo-1555952494-efd681c7e3f9_hu2de8f24a5619e4cc2277f22e30f7829e_216418_320x320_fill_q75_box_smart1.jpg)
Bootstrap 4.0 breakpoint indicator
The following HTML with Bootstrap 4.0 will indicate what the current breakpoint is:
<span class="d-inline d-sm-none">XS</span>
<span class="d-none d-sm-inline d-md-none">SM</span>
<span class="d-none d-md-inline d-lg-none">MD</span>
<span class="d-none d-lg-inline d-xl-none">LG</span>
<span class="d-none d-xl-inline">XL</span>