Using responsive utility classes
Responsive utility classes will allow you to selectively hide <div>
s or components based on the screen resolution size. This is great for creating a mobile-first web application, because in many cases you'll want to hide some components that don't work well on a phone or tablet. Mobile application design generally means a simpler, more minimal experience some using responsive utility classes will allow you to achieve this. Open up index.ejs
in a text editor and go down to the sidebar <div>
, then add the .hidden-md-down
class to your code:
<div class="col-md-4 hidden-md-down">
Adding this class will hide the <div>
from the browser when your screen resolution is smaller than 720 pixels. Make sure your column class, ...
Get Bootstrap 4 – Responsive Web Design now with O’Reilly online learning.
O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.