Comment cacher quelque chose dans le mobile/tablette vue dans le Bootstrap 3?
J'ai un bouton dans mon Carrousel curseur que je voudrais affiché pour les ordinateurs de bureau, mais caché pour les mobiles/tablettes:
http://www.doorsets.org.uk/index.php
Est-ce possible dans le Bootstrap 3? Je suis conscient que je peux évidemment le changement de colonnes selon les appareils, mais je ne suis pas clair sur la façon de masquer/afficher les articles en fonction de l'appareil.
Apprécie les conseils qui pourraient vous être offerts. Aussi, est-il un bon Bootstrap 3 forum/s que vous recommanderais de?
Beaucoup apprécié
NJ
getbootstrap.com/css/#responsive-utilities.
La suite pourrait être la solution que vous êtes à la recherche de: stackoverflow.com/questions/14207109/...
si vous approuver la réponse, vous obtenez des points. Vous savez, pas vrai?
La suite pourrait être la solution que vous êtes à la recherche de: stackoverflow.com/questions/14207109/...
si vous approuver la réponse, vous obtenez des points. Vous savez, pas vrai?
OriginalL'auteur NathonJones | 2015-01-15
Vous devez vous connecter pour publier un commentaire.
Voici la documentation, je crois que vous êtes à la recherche pour:
http://getbootstrap.com/css/#responsive-utilities-classes
Vous aurez envie d'envelopper le contenu que vous souhaitez afficher/masquer la classe désirée.
Par exemple, si vous souhaitez masquer une section sur les petites(de la tablette) écrans:
À l'inverse, si vous voulez montrer quelque chose sur une tablette:
Pour votre bouton, quelque chose comme ce qui n'apparaissent que sur les moyennes et les grands écrans:
ceci est fait en utilisant les media queries. Sachez que, si vous essayez de cacher sur téléphone mobile, vous aurez besoin d'utiliser hidden-xs
Notez que ce n'est pas comprimé et moins spécifique avec
hidden-sm
. Donc, si vous voulez à la fois tablette et mobile, vous devrez utiliserhidden-sm hidden-xs
dans votre attribut de classe sur cet élément de la cacher à la fois.OriginalL'auteur morganjlopes