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

<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


Marta Wierzbicka staff answered 6 years ago


Hi,

Here is an answer to your question: https://mdbootstrap.com/layout/layout-grid/. "Column resets" section.

Best,

Marta



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

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
Tags