Hintergrundbild hinzufügen, um Rails-app bei der Verwendung von Bootstrap

Arbeite ich an einer app mit Bootstrap als framework Rails (bootstrap-sass). Was ich will zu tun ist, fügen Sie einen süßen hintergrund Bild aber ich kann nicht scheinen, um das überschreiben der weiße hintergrund der Körper egal was ich versuche.

Hat jemand hatte Erfolg mit diesem? Was muss ich ändern oder hinzufügen, um dies geschehen?

Zusätzlich zu versuchen, andere Dinge, ich habe sogar versucht wickeln alle den Inhalt in den Körper in ein div mit einer id aufrufen, die Klasse in der custom css.scss-Datei, wo habe ich erfolgreich angepasst, andere Aspekte des Bootstrap.

Ich den code Hinzugefügt, mit der id:

html body #bgimage {
  background-image: image-url('/images/cityscape.jpg');
}

Bearbeiten:
Ich habe gerade überprüft die Fehler in der Entwicklung der lokalen server und ich habe diesen: ActionController::RoutingError (No route matches [GET] "/assets/images/cityscape.jpg"):
/Edit

Dank!

InformationsquelleAutor marcacyr | 2013-07-03
  1. 5

    Gab es ähnliche Diskussionen vor kurzem das problem war, dass background-image komischerweise funktioniert das nicht mit bootstrap. Versuchen:

    html body #bgimage {
    background: url('cityscape.jpg');
}

    Beachten Sie, dass asset-pipeline tut seine Arbeit für das finden der richtigen Position in der Datei, so dass Sie nicht haben, zu schweigen von den Weg.

    • Genial! Das hat geklappt. Ich danke Ihnen sehr. Nun, ich kann mich bewegen, auf zu entscheiden, wie ich es wollte, zu schauen auf es. Vielen Dank für Ihre Hilfe.
    • Ich bin glücklich, wenn ich helfen kann. Haben eine schöne Zeit mit deiner Bewerbung.
    InformationsquelleAutor R Milushev
  2. 0

    Wenn Ihr cityscape.png ist in assets/images/ Verzeichnis, nutzen Sie bitte das folgende:

    html body #bgimage {
    background-image: url(image_path('cityscape.jpg'));
}

    Und verwenden Sie Ihre original-Quelle ist, müssen Sie entfernen /images/ von Ihrem image-url als: 

    html body #bgimage {
  background-image: image-url('cityscape.jpg');
}
    • Vielen Dank für die Beantwortung. Ich habe gerade ersetzt den code mit dem, was Sie dort haben, und es immer noch nicht funktioniert. Aus irgendeinem Grund ist der weiße hintergrund, dass in der Standardeinstellung ist der Gewinn aus zwischen den beiden. Das Bild in die assets/images-Verzeichnis, wie es sein soll. Hier ist ein link zu meinem github repository für it: github.com/marcacyr/opinned
    • Ich habe gerade überprüft die Fehler in der Entwicklung der lokalen server und ich habe diesen: ActionController::RoutingError (No route matches [GET] "/assets/images/cityscape.jpg"):
    InformationsquelleAutor vee
Schreibe einen Kommentar