Topic: MDB4 > Hidden and Visible Classes
Hi Support,
I'm on a new project and using the latest MDB 4 (free edition), and it appears that my favorite hide-and-show classes based on breakpoint are gone! :[
In earlier versions of MDB and Bootstrap, I could easily hide-and-show content on my projects tailored towards viewport breakpoint, e.g. :
<section>
<!-- Show on Larger Viewports -->
<div class="hidden-md-down">
<h1>Welcome to the North Pole</h1>
</div>
<!-- Show on Smaller Viewports -->
<div class="hidden-md-up">
<h1>Welcome to the South Pole</h1>
</div>
</section>
<!-- /. End Code Section -->
However, I am writing my own custom classes and not exactly achieving the desire hide-and-show effect across viewport breakpoint. I am getting some clashes where in some instances the content either shows in duplicate, or drops out completely, depending on what the viewport size is.
I'm trying to present a single column view of text on smaller displays (tablet, smartphone) from a two-column view on larger viewports.
What is the new approach with handing this issue?
Thanks,
Eric
Seattle, Washington
Hi,
Here is an answer to your question: https://mdbootstrap.com/layout/layout-grid/. "Column resets" section.
Best,
Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No