Sizing

Goodkit Exclusive

Sizing utlities to control the size of an element.

Bootstrap Documentation

  • .h-{sm|md|lg|xl}-{25|50|75|100|125|150|auto} - controls the height of an element in %.
  • .w-{sm|md|lg|xl}-{25|50|75|100|125|150|auto} - controls the width of an element in %.
  • .mw-{sm|md|lg|xl}-{25|50|75|100|125|150|auto} - controls the max width of an element in %.
  • .vh-{sm|md|lg|xl}-{25|50|75|100|125|150|auto} - controls the height of an element in vh.
  • .vw-{sm|md|lg|xl}-{25|50|75|100|125|150|auto} - controls the width of an element in vw.
  • .max-vw-100 - sets the max width of an element to 100vw.
<div class="w-100"></div>
<div class="w-100 w-md-50"></div>
<div class="w-100 w-md-50 mw-md-100"></div>