Skip to content

Instantly share code, notes, and snippets.

@mixisLv

mixisLv/display-size-badge.html

Created March 13, 2020 14:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mixisLv/56900e131c679ebaade12d1642dc7ac1 to your computer and use it in GitHub Desktop.
Save mixisLv/56900e131c679ebaade12d1642dc7ac1 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap 4.* display size badge
Raw
display-size-badge.html
<div style="position: fixed;top:7px;left:5px; z-index: 99999;">
<span class="badge d-block d-sm-none" style="background: #CC0000;">XS</span>
<span class="badge d-none d-sm-block d-md-none" style="background: #CC6600;">SM</span>
<span class="badge d-none d-md-block d-lg-none" style="background: #CCCC00;">MD</span>
<span class="badge d-none d-lg-block d-xl-none" style="background: #00CC00;">LG</span>
<span class="badge d-none d-xl-block" style="background: #0066CC;">XL</span>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment