2012-06-08 10 views
9

Ich habe eine Ruby on Rails-App, die mit Bootstrap läuft, die ich mit den gem twitter-bootstrap-rails installiert habe.Bootswatch-Theme mit Twitter-Bootstrap-Rails integrieren Gem

Ich möchte jetzt ein neues Bootswatch-Thema integrieren, aber ich habe Probleme herauszufinden, was zu tun ist.

Es gibt vier mögliche Downloads für jedes Thema - eine bootstrap.css Datei, eine bootstrap.min.css Datei, eine variable.less Datei und eine bootswatch.less Datei. Meine Frage ist: Muss ich sie herunterladen und ALL zu meinem ~/app/assets/stylesheets Ordner hinzufügen? oder brauche ich nur eine Teilmenge davon? Momentan sind ~/app/assets/stylesheets nur zwei Dateien: application.css und boostrap_and_overrides.css.less. WENIGER wirft mich wirklich hier ab, also bin ich völlig verwirrt, wie es funktioniert und was ich tun muss, um neue CSS-Dateien mit diesem Setup hinzuzufügen. Jede Hilfe wird geschätzt.

Antwort

7

Sie müssen nur die Datei bootstrap.css herunterladen und umbenennen. Die bootstrap.min.css ist die gleiche wie die CSS-Datei, nur eine verkleinerte Version davon. Weniger ist nur eine andere Art, CSS zu schreiben und auf jede Eigenschaft anders zuzugreifen. Schauen Sie sich less an. Fügen Sie CSS-Datei hinzu und beginnen Sie mit der Integration in HTML, zeigen Sie auch HTML auf neues Stylesheet.

+0

Damit ich gehe davon aus, wenn ich in der bootstrap.css Datei werfen, sie umbenennen, um new_theme.css und fügen Sie ein stylesheet_link_tag (in application.html.haml view) oder erfordern (in application.css), das neue Thema überschreiben das Standard-Bootstrap-Thema, wo angemessen? – tanookiben

+0

Ja und schauen Sie sich auch ihre [github] (https://github.com/thomaspark/bootswatch/blob/master/README.md) Seite an, sehr wertvolle Informationen zur Verwendung ihres Bootstraps. – coletrain

+0

Cool danke für die Hilfe! – tanookiben