10

Ich würde gerne Bootstrap 3 und Sass in meinem Projekt RoR verwenden und den Gerüstgenerator-Ausgang Bootstrap 3 HTML haben. Ich bin mit Ruby 2 mit Rails 4.Wie kann ich Ruby on Rails Bootstrap v3-Gerüst ausgeben lassen?

Nichts Besonderes - meist nur die Formen, um die entsprechende CSS-Klassen haben zu müssen.

habe ich die Rails Tutorial Sample App (ver 4) als Basis verwendet, die das bootstrap-sass Juwel enthält - aber wenn ich den Generator der HTML verwendet nicht die richtige Bootstrap-Klassen haben - zum Beispiel die Tasten haben nicht die btn btn-default Klasse.

Ich erkenne, dass das Gerüst sich verhält, wie es entworfen wurde, es ist eine Basis und soll angepasst werden (oder ersetzt) ​​- aber es scheint, dass es nicht schwer sein sollte, auch das erzeugte HTML "Bootstrap" zu haben Ready“

enter image description here

eine ähnliche Frage hatte eine Antwort, wo jemand, dass die Dateien lib/erb/scaffold wie edit.html.erb im Verzeichnis Bearbeitung erwähnt - die Standardvorlagen würde außer Kraft setzen, die Rails für den Gerüstbau verwendet. Ich bin nicht dagegen, aber ich hatte gehofft, dass es so etwas wie eine gem geben könnte, die das bereits getan hat.

Ich mag das bootstrap-sass Juwel mit und ich hoffe, dass es eine Lösung ist, die mit ihm kompatibel sein würden - ich eher verwenden würde scss als less

Scheint, wie sollte es mehrere Edelsteine ​​sein, dies zu tun.

+0

Also ist das Problem was genau? Dass Ihre Vorlagen nicht die gewünschten Klassen haben? – cimmanon

+0

Ja - Ich möchte, dass die generierte Vorlage über die Standard-Bootstrap-Klassen für die Elemente verfügt, die sie enthalten (Schaltflächen, Tabellen, Formulare usw.) – cwd

+0

Wenn Sie simple_form verwenden, können Sie sie anpassen, um Standardelemente hinzuzufügen. wie config.button_class = 'btn btn-primary'. Auch gibt es keine offizielle Veröffentlichung von einfachen Formular unterstützt BS3 –

Antwort

21

ich das gleiche Problem gehabt haben, aber schließlich fanden diese: https://github.com/decioferreira/bootstrap-generators

Es enthält Bootstrap 3.1 und bietet Gerüsten und Sie können haml und SCSS sowie andere Optionen wählen.

Zum Beispiel, wenn ich tat rails g scaffold Link guid:string profile:string media_url:string

es dieses automatisch erzeugt:

automatically scaffolded with Bootstrap 3

EDIT FÜR Heroku NUTZER

ich meine app hatte Probleme drängen, die Bootstrap-Generatoren verwendet (v3.1.1) zu Heroku. Heroku gab den Fehler File to import not found or unreadable: bootstrap.scss

Der Fix stellte sich heraus, um die automatisch generierte bootstrap-generators.scss-Datei zu ändern. Ändern Sie @import "bootstrap.scss"; zu @import "bootstrap"; (zB entfernen Sie einfach die Erweiterung).

NEW EDIT FÜR Heroku NUTZER Das neue Juwel 3.1.1.1 behebt den Fehler.Sie müssen @import "bootstrap.scss"; nicht mehr in @import "bootstrap"; in der bootstrap-geneerators.scss-Datei ändern.

+0

sehr nett. Ich habe vor kurzem [bootstrap-sass-extras] (https://github.com/doabit/bootstrap-sass-extras) gefunden, aber ich denke, deins sieht besser aus. – cwd

+0

Ich habe das auch versucht, aber dieses hier scheint eine allgemeinere Lösung zu sein – jpwynn

+0

sieht genau so aus, wie ich gefragt habe. Vielen Dank! – cwd

5

gesuchte Wenn Sie Ihre generierten Ansichten mehr benötigen anpassen können Sie tatsächlich die Standardansichten mit Ihren eigenen überschreiben.

setzen Sie sie einfach in lib/templates/{erb|haml}/scaffold. Sie können einige Beispieldateien sehen here.

+0

Danke die info und den link! – cwd