MENU  

Articles & Code Snippets


Hide or show content for devices in Bootstrap

Hide or show content for devices in Bootstrap

Using hidden


<div class="hidden-sm hidden-md"> hidden-sm hidden-md </div>
<div class="hidden-sm hidden-lg"> hidden-sm hidden-lg </div>
<div class="hidden-md hidden-lg"> hidden-md hidden-lg </div>
<div class="hidden-xs"> hidden-sm hidden-md hidden-lg </div>

Equivalent using visible


<div  class="visible-lg"> hidden-sm hidden-md </div>
<div  class="visible-md"> hidden-sm hidden-lg </div>
<div  class="visible-sm"> hidden-md hidden-lg </div>
<div  class="visible-xs"> hidden-sm hidden-md hidden-lg </div>
web design