Comment obtenir uniquement la grille réactive de Bootstrap 3?
Je dois ajouter des fonctionnalités de conception réactives à mon application Web à l'aide de Twitter Bootstrap. Je veux juste le comportement réactif, je ne suis pas intéressé par la typographie, les composants ou tout autre élément inclus dans Bootstrap.
J'ai une version personnalisée de Bootstrap en sélectionnant simplement le système de grille. Cependant, lorsque j'ajoute le CSS généré à mon application, tous mes styles sont perturbés (en-tête, liens et autres). Pourquoi est-ce que ça se passe? Comment puis-je obtenir un CSS Bootstrap avec uniquement le système de grille? Je voudrais éviter une modification manuelle des fichiers Bootstrap.
Merci!
Allez à http://getbootstrap.com/customize/ et basculez ce que vous voulez dans le framework BS3, puis cliquez sur "Compiler et télécharger" pour obtenir le CSS et le JS que vous avez choisis.
Ouvrez le CSS et supprimez tout sauf la grille. Ils incluent aussi des choses à normaliser. Et vous devrez ajuster tous les styles de votre site à la taille d'une boîte: border-box - http://www.w3schools.com/cssref/css3_pr_box-sizing.asp
Commander zirafa/bootstrap-grid-only . Il ne contient que les utilitaires bootstrap grid et responsive dont vous avez besoin (pas de réinitialisation ni quoi que ce soit), et simplifie le complex d'utilisation directe des fichiers LESS.
Il suffit de choisir Grid system et "utilitaires responsive" Il vous donne ceci: http://jsfiddle.net/7LVzs/
Construit une construction Grunt avec la grille Bootstrap 3.3.5 uniquement:
https://github.com/horgen/grunt-builds/tree/master/bootstrap-grid
~ 10Ko minimisé.
Si vous avez besoin d’autres éléments de Bootstrap, incluez-les simplement dans /src/less/bootstrap.less.
Il semble que vous puissiez télécharger uniquement la grille maintenant sur les nouvelles fonctionnalités de téléchargement de Bootstrap 4.
Je suggère d'utiliser MDO http://getpreboot.com/ à la place. À partir de la v2, preboot rétablit les variables/combinaisons LESS utilisées pour créer le système de grille Bootstrap 3.0. Elle est beaucoup plus légère que le générateur CSS. En fait, si vous n'incluez que preboot.less, il n'y a PAS de surcharge car l'ensemble du fichier est constitué de mixins/variables et ne sont donc utilisés que dans la pré-compilation et non dans la sortie finale.
Cette question a été posée il y a longtemps, mais peut-être pouvez-vous maintenant vous passer de Bootstrap et utiliser CSS Grid! (c'est plus simple, plus ordonné, plus flexible et plus rapide). Voir cet article intéressant: Arrêtez d'utiliser Bootstrap - créez un modèle de grille CSS pratique pour votre interface utilisateur à base de composants