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 the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.