Réglage de 100% de la hauteur à des colonnes de Twitter Bootstrap
Je suis nouveau sur le BootStrap donc apprendre les ficelles du métier et de la compréhension. Je suis en essayant d'atteindre 100% de la hauteur de la colonne de la grille de sorte qu'il couvre 100% de la hauteur de la page. Maintenant pas de hauteur définie. Lorsque j'essaie de spécifier la hauteur des deux colonnes col-lg-9 et le col-lg-3 en pixels ou en % aucun changement ne se produit. Ne sais pas quel pourrait être le problème.
Voici la structure de base, je suis en utilisant
<body>
<div class="row">
"Top bar"
</div>
<div class="container">
<div class="row">
<div class="col-lg-3">
side bar
</div>
<div class="col-lg-9">
side bar
</div>
</div>
Et voici le css pour chaque élément
@media (min-width: 1200px)
.container {
max-width: 1170px;
}
.row {
margin-bottom: 20px;
}
.col-lg-9 {
width: 75%;
padding: 10px 20px;
border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
-o-border-radius: 0 10px 10px 0;
border: 0 none;
padding-top: 3%;
min-height: 90%;
}
.col-lg-3 {
width: 25%;
background-color: #192D38;
color: #88A7A9;
min-height: 90%;
}
essayez de régler la hauteur sur le parent des éléments html et le corps pour les débutants
OriginalL'auteur Ahmar Ali | 2013-07-29
Vous devez vous connecter pour publier un commentaire.
essayez ceci:
Si cela ne fonctionne pas, utilisez ensuite inspecter l'élément, et vérifiez que les éléments parents ont 100% de la hauteur. (Parce que si il n'y a pas alors les éléments enfants de ne pas obtenir 100% de la hauteur, sauf s'ils sont
position:absolute
ouposition:fixed
cela ne fonctionne pas j'ai mis en hauteur pour tous les éléments html,body,de conteneurs,de lignes et de colonnes, mais ne fonctionne pas
J'ai juste utilisé inspecter l'élément et ajouté à 100% sur le html,le corps de récipient, et de la ligne et il a FAIT un travail. Toutefois, lorsque vous appliquez 100% de la hauteur de la ligne - ne pas ajouter à la ligne de classe, mais plutôt à l'élément.de style ou d'autre de CHAQUE ligne obtenez 100% de la hauteur!
pouvez vous s'il vous plaît vérifier maintenant. J'ai ajouté de la hauteur:de 100% à indiviudlal ligne et le col-lg-3 colonne, mais la colonne de hauteur est toujours le même
Cela a fonctionné parfaitement avec bootstrap, merci!
OriginalL'auteur Danield