J'essaie de personnaliser Boostrap Colum à 70px largeur. Maintenant, j'ai une colonne Col-LG-1 Colonne 64.984PX Largeur, j'ai besoin de 70px. Comment faire cela dans BOOSTRAP 3. J'utilise le conteneur Standart 1170.
p>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<div class="container">
<div class="row">
<div class="col-lg-1">I am 64px width block</div>
<!-- /.col-xl-1 -->
</div>
</div>3 Réponses :
Vous pouvez définir la largeur manuellement comme suit:
<div class="col-xl-1" style="width:70px"></div>
Désolé, mon mauvais, je vais clarifier, ils devraient être une taille de liquide, dans 1170 conteneurs
"COL-XL-1" a sa propre largeur par défaut. Ajout de style en ligne à celui-ci remplacera sa largeur par défaut.
Si vous voulez que chaque fois que vous appelez COL-XL-1, la largeur sera de 70%, puis allez au fichier bootstrap.css. Recherche pour COL-XL-1 & Changer
.col-xl-1 {
width: 70%;
}
Désolé, mon mauvais, je vais clarifier, ils devraient être une taille de liquide, dans 1170 conteneurs.
La grille de bootstrap sa base sur Flexbox. Tout ce que vous avez à faire est d'ajouter une classe personnalisée et de définir l'attribut Flex-Base.
p>
<div class="container">
<div class="row">
<div class="col-xl-1 custom">I am 64px width block</div><!-- /.col-xl-1 -->
</div>
</div>"La grille de bootstrap est sa base sur Flexbox." - pas dans BS 3, lequel op utilise ici.
Je change la taille du conteneur à 1201px