it-swarm.com.de

Wie bekomme ich nur das responsive Grid von Bootstrap 3?

Ich muss mithilfe von Twitter Bootstrap responsive Design-Funktionen zu meiner Webanwendung hinzufügen. Ich möchte nur das ansprechende Verhalten. Ich bin nicht an der Typografie, den Komponenten oder sonstigem Material interessiert, das in Bootstrap enthalten ist. 

Ich habe eine angepasste Bootstrap-Version , die nur das Rastersystem auswählt. Wenn ich jedoch das generierte CSS meiner Anwendung hinzufüge, werden alle meine Stile durcheinander gebracht (Kopfzeile, Links und andere). Warum passiert das? Wie kann ich ein Bootstrap-CSS nur mit dem Rastersystem erhalten? Ich möchte eine manuelle Änderung der Bootstrap-Dateien vermeiden.

Vielen Dank!

96
Manuel Zapata

Gehe zu http://getbootstrap.com/customize/ und wähle aus dem BS3-Framework genau das, was du willst, und klicke auf "Compile and Download". Dann bekommst du die von dir gewählte CSS und JS.

Bootstrap Customizer

Öffnen Sie das CSS und entfernen Sie alle außer dem Gitter. Sie enthalten auch einige normalisierende Sachen. Sie müssen alle Stile auf Ihrer Website an die Box-Größen anpassen: border-box - http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

142
Christina

Checkout zirafa/bootstrap-grid-only . Es enthält nur die bootstrap grid - und responsive-Dienstprogramme, die Sie benötigen (kein Reset oder sonstiges), und vereinfacht die Komplexität der direkten Arbeit mit den LESS-Dateien.

16
burrbrown

Wählen Sie einfach Grid system und "responsive utilities" Sie erhalten Folgendes: http://jsfiddle.net/7LVzs/

7
Jmorvan

Nur mit dem Bootstrap 3.3.5-Raster ein Grunt-Build erstellt:

https://github.com/horgen/grunt-builds/tree/master/bootstrap-grid

~ 10 KB minimiert.

Wenn Sie andere Teile von Bootstrap benötigen, fügen Sie diese einfach in /src/less/bootstrap.less ein.

4
horgen

Es sieht so aus, als könnten Sie nur das Grid jetzt mit den neuen Download-Funktionen von Bootstrap 4 herunterladen.

1

Ich würde stattdessen die Verwendung von MDOs http://getpreboot.com/ vorschlagen. Ab Version 2 gibt preboot die LESS-Mixins/-Variablen zurück, die zum Erstellen des Bootstrap 3.0-Rastersystems verwendet wurden, und ist viel leichter als der CSS-Generator. Wenn Sie nur preboot.less angeben, ist KEIN Overhead erforderlich, da die gesamte Datei aus Mixins/Variablen besteht und daher nur in der Vorkompilierung und nicht in der endgültigen Ausgabe verwendet wird.

1
srquinn

Es ist schon eine Weile her, dass diese Frage gestellt wurde, aber vielleicht können Sie jetzt ganz auf Bootstrap verzichten und CSS Grid verwenden! (Es ist einfacher, übersichtlicher, flexibler und schneller). Lesen Sie diesen coolen Artikel: Verwenden Sie Bootstrap nicht mehr - erstellen Sie eine praktische CSS-Grid-Vorlage für Ihre komponentenbasierte Benutzeroberfläche

0
Alex Firebrand