'Can I use a Bootstrap class as a variable in a custom CSS rule?

To make my website responsive, I was going to use media queries to change the text size, etc. The problem is that I use bootstrap to set the sizes for the text. I was wondering if there was a way to use the classes from the bootstrap in my CSS file.

For example, something like:

.test {
    font-size: display-5; /* display-5 is a bootstrap defined size */
}

I originally thought I could do this using an @import rule but it didn't work.

How would I go about doing this?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source