How to properly style bootstrap headers?

Question

Mobile development

Hello, there is a code, on bootstrap:

<p class="hidden-sm">Заголовок</p>
<h1 class="hidden-xs">Заголовок</h1>

What can you think of so as not to duplicate headings, do not offer media queries.

Answer 1

Two simple solutions:
- Viewport object for class control on related nodes.
- Viewport object to control classes on body, and overloaded styles for each of the cases.