August 2025
Intermediate to advanced
270 pages
6h 16m
English
Bootstrap uses responsive breakpoints[22] to conditionally apply styles to different screen sizes. For example, applying the d-none class to an element hides it on all devices by setting the display property to none. And throwing md, the keyword for medium, in between creates d-md-none. Applying this class hides the element only on screen sizes of size medium or larger.
You can follow this guidance to create a similar class for Hotwire Native apps: d-hotwire-native-none.
First, remove the hotwire_native_app? conditional and add the new nav class d-hotwire-native-none:
| » | <nav class="navbar d-hotwire-native-none bg-body-tertiary"> |
| | <div class="container"> |
| | |
Read now
Unlock full access