Topic: What happened to the Helpers

devtrix pro asked 3 years ago


How do you accomplish "hidden-md-down" now? Use Bootstrap 5 d-none? Or do you guys have something?I want the sidenav on medium & down. So I added a div wrapper around navbar-nav and added these classes "d-none d-lg-inline". It still shows them in block. The only way I found was to hide the whole navbar and have another one for mobile. I dont feel thats the right way, so your help is much appreciated. Here is part of the code I used.

<div class="collapse navbar-collapse" id="navbarSupportedContent">
     <div class="d-flex  d-lg-none  w-100 d-lg-inline"> <!--THIS IS THE ADDED WRAPPER-->
             <ul class="navbar-nav me-auto">
                   <li class="nav-item active">
                         <a asp-controller="Home" asp-action="Index" class="nav-link ripple" data-mdb-ripple-color="#e45d65" style="font-family: 'Source Code Pro', monospace; " aria-current="page">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" style="font-family: 'Source Code Pro', monospace;" href="#!">Best Practices</a>
                        </li>

Michał Duszak staff commented 3 years ago

This part of our documentation might provide you an answer: https://mdbootstrap.com/docs/standard/layout/display/#section-hiding-elements


devtrix pro commented 3 years ago

Yeah, thats what I did with Bootstrap 5 but you guys had Utils before. Thanks anyways.


FREE CONSULTATION

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

Status

Closed

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: N/A
  • Browser: N/A
  • OS: N/A
  • Provided sample code: No
  • Provided link: No