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, in this case -md
, matches the hidden class. Now, if you shrink your web browser down again, you'll notice that the sidebar <div>
will disappear.
There are a number of responsive utility classes you can use in your...