Comment personnaliser les largeurs de colonne Bootstrap?
J'ai ça, mais je me sens 4 est trop gros pour ma barre latérale largeur et la 3 est trop petit (il a à ajouter jusqu'à 12).
<div class="col-md-8">
<div class="col-md-4">
J'ai essayé ceci mais ça ne fonctionne pas:
<div class="col-md-8.5">
<div class="col-md-3.5">
Est-il une autre façon d'obtenir un résultat similaire?
Merci pour votre aide!
source d'informationauteur AnthonyGalli.com
Vous devez vous connecter pour publier un commentaire.
Étendre sur @isherwood réponse, voici le code complet pour la création de
-sm-
largeurs dans le Bootstrap 3.3En général, vous souhaitez rechercher une largeur de colonne (dire
col-sm-3
) et copie de tous les styles qui s'appliquent, y compris les génériques, à votre feuille de style personnalisée qui vous permet de définir de nouvelles largeurs de colonne.Pour 12 colonnes de la grille, si vous voulez ajouter la moitié d'une colonne (4,16667%) de la largeur de chaque colonne. C'est ce que vous faites.
Par exemple, pour les col-md-Xdéfinir .col-md-X-5 avec les valeurs suivantes.
J'ai arrondi certaines valeurs.
D'autre part, à éviter de copier le code css à partir de l'original col-md-Xles utiliser dans la déclaration de classe. Attention qu'ils devraient être ajoutés avant votre modifiées. De cette façon, seule la largeur obtient remplacer.
Enfin, n'oubliez pas que le total ne doit pas dépasser 12 colonnes, dont le total est de 100%.
J'espère que cela aide!
Vous pourrait certainement créer vos propres classes:
Je le ferais avant, j'ai mess avec les colonnes par défaut. Vous pouvez utiliser celles à l'intérieur de ces.
Vous auriez probablement souhaitez également mettre ceux-ci à l'intérieur d'un support de l'instruction de la requête, de sorte qu'ils ne s'appliquent qu'aux plus-que-mobile tailles d'écran.
vous pouvez personnaliser bootstrap de la feuille de style, comme dans:
Ensuite, définissez la requête de média pour cela aussi, comme dans:
Vous pouvez utiliser Bootstrap propre colonne mixin
make-xx-column()
: