Home / Questions / 164850
Accepted
PiledroMurcia
Asked: 2020-05-17 03:56:28 +0800 CST 2020-05-17 03:56:28 +0800 CST

Bootstrap responsive issues

  • 772

I try to hide a span in my code using bootstrap.

I only want it to show up in browsers and not on mobile devices

   <div class="hidden-md-down"><span id="logo-textosp">aenean luctus</span></div>

But it's not working

any ideas?

bootstrap

2 Answers

  1. Best Answer

    Try class="d-md-none d-block"that it is the equivalent of the class you want to use but the latest version of bootstrap. You can read more information and the latest changes in version 4 beta

    • 1

  2. You could do it with CSS and query media for responsive designs, it's true that everything depends on the resolution as you've been told, but basically with this @media when the screen width reaches 480px (it can be the resolution you like or even include more with different resolutions) the class .hidden-md-downis given the style display:none;so that it does not show it. To see the result try the example in full screen or expand.

    .hidden-md-down{
height:150px;
width:100%;
display:block;
background-color:blue;
color:#fff;
}

@media (max-width:480px){
.hidden-md-down{ display:none; }
}
    <div class="hidden-md-down"><span id="logo-textosp">aenean luctus</span></div>

    It may not be the most elegant or appropriate solution, but in certain cases it works. Greetings.

    • 0