Topic: MDB4 > Hidden and Visible Classes

surface2air free asked 6 years ago

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. :

<!-- Begin Code Section -->


<!-- Show on Larger Viewports -->
<div class="hidden-md-down">
<h1>Welcome to the North Pole</h1>

<!-- Show on Smaller Viewports -->
<div class="hidden-md-up">
<h1>Welcome to the South Pole</h1>


<!-- /. 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?


Seattle, Washington

Marta Wierzbicka staff answered 6 years ago


Here is an answer to your question: "Column resets" section.



Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No