Как показать различные элементы на разных устройствах в бутстрапе

Question

<div class="mobile"></div> 
<div class="desktop"></div> 

Я хочу показать эти элементы div отдельно в мобильных и настольных устройствах с использованием бутстрапа. Я хочу что-то вроде:

<div class="mobile show-on-mobile">This item is not shown in desktop devices.</div> 
<div class="desktop show-on-desktop">This item is not shown in mobile devices.</div> 

Answer 1

Вы можете сделать это, как показано ниже:

<div class="mobile visible-xs visible-sm">This item is not shown in desktop devices.</div> 
<div class="desktop hidden-xs hidden-sm">This item is not shown in mobile devices.</div> 

Проверить этот URL для получения дополнительной информации. http://getbootstrap.com/css/