Check the bootstrap version, open bootstrap.min.css.
If you bootstrap version will 4 (show like- “Bootstrap v4.0.0”), then follow this code:
Apply this class for hidden from the small screen “d-none d-sm-block”
Apply this class for hidden from the large and medium screen “d-md-none d-lg-none”
For example:
<div class="col-md-12 d-none d-sm-block"> <p>Hiden from small screen</p> </div>
<div class="col-md-12 d-md-none d-lg-none"> <p>Hiden from large screen</p> </div>
Question and answer is powered by AnsPress.io