Conteneur dans le Bootstrap 3 qui s'adapte parfaitement à la HAUTEUR de l'téléspectateurs taille de l'écran
Là est le problème.
- Je utiliser bootstrap 3.0
pour un très, très basique, site internet. Encore, je voudrais ajouter un peu de raffinement, mais j'ai besoin d'aide.
La structure du site est très basique: un container
et plusieurs jumbotrons
à l'intérieur du conteneur.
Je voudrais avoir CHAQUE Jumbotron parfaitement stretch à la taille de l'utilisateur de la fenêtre du navigateur, de sorte que quel que soit le média peut être (smartphone, web, etc) à un visiteur va voir ENTIÈREMENT et UNIQUEMENT un jumbotron à l'époque sans le besoin de faire défiler vers le bas avec la souris...
Avez-vous une idée?
Merci beaucoup!! 😉
OriginalL'auteur | 2013-09-13
Vous devez vous connecter pour publier un commentaire.
Vous pouvez ajouter un
special
classe CSS pour le récipient et de le régler à 100% de la hauteur. Le HTML et le CORPS doit également être à 100% de la hauteur...Démo: http://bootply.com/80826
Ceci, cependant, ne traite pas de la question de voir seulement 1 jumbotron à un moment.. ce qui est plus un problème de navigation qu'un problème de taille. Vous souhaiterez peut-être utiliser un carrousel pour les jumbotrons si vous ne voulez pas que l'utilisateur de faire défiler vers le bas.
OriginalL'auteur Zim
Je crois que ce que vous voulez, c'est effectivement le gerbage, plein écran, réactif origines, ou de l'empilement de divs qui sont conformes à la hauteur de la fenêtre /fenêtre d'affichage.
Qui a été répondu par ici:
Plein écran responsive image d'arrière-plan
OriginalL'auteur KJ Prince