Come nascondere qualcosa nella visualizzazione mobile/tablet in Bootstrap 3?

Question

Ho un tasto nel mio dispositivo di scorrimento carosello che vorrei visualizzato per desktop, ma nascosto per dispositivi mobili/tablet: http://www.doorsets.org.uk/index.php

Questo è possibile in Bootstrap 3? Sono consapevole che posso ovviamente cambiare le colonne in base ai dispositivi, ma non sono chiaro su come nascondere/visualizzare le sezioni a seconda del dispositivo.

Apprezzerebbe qualsiasi consiglio che potrebbe essere offerto. Inoltre, c'è un buon forum Bootstrap 3 che raccomanderesti?

molto apprezzato NJ

Answer 1

Ecco la documentazione Credo che stai cercando:

http://getbootstrap.com/css/#responsive-utilities-classes

---

Ti consigliamo di avvolgere il contenuto che si desidera nascondere/mostrare la classe desiderata

Per esempio, se si desidera nascondere una sezione su schermi di piccole dimensioni (tablet):

<section class="hidden-sm"> 
    <p>This content won't be visible on a tablet, or screen resolution ≥768p and < 992px</p> 
</section> 

Al contrario, se solo si vuole mostrare qualcosa su un tablet:

<section class="visible-sm"> 
    <p>This content will only be visible on a tablet, or screen resolution ≥768px and < 992px</p> 
</section> 

---

Per il tuo pulsante, qualcosa di simile apparirà solo su schermi di medie e grandi dimensioni:

<div class="btn btn-primary visible-md visible-lg">Carousel Button</div>