Bootstrap: make utility class responsive

Suppose you want to make the height utility classes responsive so that you can use classes like h-md-100 or h-sm-50. You can do this by adding the following SASS:

$utilities: (
  "height": (
    property: height,
    responsive: true,
    class: h,
    values: (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%,
      auto: auto
    )
  ),
);

This just extends the default Bootstrap styles for the height utility classes to add the responsive: true property.

Sources

• GitHub issue comment