2
There are bootstrap classes for this behavior. In your case, I suggest combining the classes .visible-md-block
and .visible-lg-block
, add them to the elements you want to hide in a resolution in the smallest.
Follow the list of classes and their respective behaviors: Bootstrap - Responsive Utilities.
The classes
.visible-xs
,.visible-sm
,.visible-md
, and.visible-lg
are obsolete from the version 3.2.0.
Or you can use media queries for this, I advise creating a new class and working on it, avoiding conflicts with bootstrap:
@media screen and (max-width:768px){
.classe-nova{
display:none;
}
}
Just a note on the use of the word: «depreciated» in English is «depreciated» and not «deprecated». The word «deprecated» that would be correct to refer to this would be translated as «obsolete», «disapproved», «censured»
– Guilherme Nascimento