I try to hide a span in my code by bootstrap.
I just want it to be displayed in browsers and not on mobile devices
<div class="hidden-md-down"><span id="logo-textosp">aenean luctus</span></div>
But it does not work for me
Any ideas?
I try to hide a span in my code by bootstrap.
I just want it to be displayed in browsers and not on mobile devices
<div class="hidden-md-down"><span id="logo-textosp">aenean luctus</span></div>
But it does not work for me
Any ideas?
Try class="d-md-none d-block" which is equivalent to 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
You could do it with CSS and query media for responsive designs it is true that everything depends on the resolution as you have been told, but basically with this @media when the width of the screen reaches 480px (it can be the resolution you like or even include more with different resolutions) to the class .hidden-md-down you will be awarded 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>Maybe it is not the most elegant or adequate solution but in certain cases it works. Greetings.