Как использовать бутстрап для моего приложения rails?

Я только что развернул свое первое приложение для рельсов, следуя руководству RailsBridge. Я также следил за инструкцией о том, как добавить загрузку в приложение, но я застрял, потому что он просит вас использовать команду TOUCH, и я запускаю Windows, у которой нет эквивалента команды касания. Инструкции заключаются в следующем:Как использовать бутстрап для моего приложения rails?

Введите следующую в команду:

touch app/assets/stylesheets/bootstrap_and_overrides.css.scss

Затем он говорит вам, чтобы открыть файл, он создан и введите следующее:

@import "bootstrap"; 
body { padding-top: 60px; } 
@import "bootstrap-responsive";

Я просто создал файл вручную из пустого текстового файла, а затем выполнил оставшуюся часть инструкций. Вот ссылка на инструкции, если Вам интересно: http://docs.railsbridgecapetown.org/intro-to-rails/add_bootstrap я получил следующее сообщение об ошибке:

Отображение C: /Sites/railsbridgejan/suggestotron/app/views/layouts/application.html.erb где строка # 7 поднятый : не удалось найти 'начальной загрузки' файла (в C: /Sites/railsbridgejan/suggestotron/app/assets/stylesheets/application.css: 15)

Вот что линия # 7 говорит

<%= stylesheet_link_tag "application", :media => "all" %>

Кроме того, я не был уверен, какой Bootstrap загружать, поэтому я просто скачал все три из них. Нужно ли переместить эти файлы в определенное место? В учебнике он получил жемчужину «bootstrap-sass».

Редактировать
решение Омар работал, но я думаю, что я имею еще одну проблему из-за не имея node.js установлены. Вот моя новая ошибка:

Показаны C: /Sites/railsbridgejan/suggestotron/app/views/layouts/application.html.erb где строка # 7 поднятый:

Invalid CSS после того, как»... trap- sprockets "": ожидаемый селектор или at-rule, был "@import" bootst ... " (в C: /Sites/railsbridgejan/suggestotron/app/assets/stylesheets/application.scss: 21) Извлеченный источник (вокруг строка # 0):

источник

2015-02-06 MommaBear

я нашел этот вопрос с поиском Google, я думаю, что это просто отсутствует точка с запятой после '@import самозагрузки-sprockets' –

Привет Я постараюсь поделиться тем, что у меня есть на моем текущем приложении рельсов на Windows:

Прежде всего, я не Сюры почему вы должны были использовать эту команду TOUCH, которую я не помню, используя ее в своем приложении. Я попытаюсь показать вам, что содержится в моем важном файле, поэтому вы можете вести себя и пытаться найти способ решить эту проблему.

#Gemfile 
    gem 'bootstrap-sass', '~> 3.3.1.0' 



    #app/stylesheets/application.css.scss 
    /* 
* This is a manifest file that'll be compiled into application.css, which will include all the files 
* listed below. 
* 
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, 
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. 
* 
* You're free to add application-wide styles to this file and they'll appear at the bottom of the 
* compiled file so the styles you add here take precedence over styles defined in any styles 
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new 
* file per style scope. 
* 
*= require 'masonry/transitions' 
*= require 'masonry/infinitescroll' 
*= require_tree . 
*= require social-share-button 
*= require jquery.tagsinput 
*= require jquery.minicolors 
*= require font-awesome 
*= require_self 
*/ 


    @import "bootstrap-sprockets"; 
    @import "bootstrap"; 

    #.../layout/application.html.haml 
    #this goes right below %head 
    = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true 
    = javascript_include_tag 'application', 'data-turbolinks-track' => true 

    #app/javascripts/application.js 
    //= require bootstrap-sprockets

источник

2015-02-07 01:10:04

Спасибо за ответ, но я все еще получаю ошибку: Звездочки :: FileNotFound в Темы # index Показаны C: /Sites/railsbridgejan/suggestotron/app/views/layouts/application.html.erb где строка # 7 поднята: не удалось найти файл 'bootstrap' (в C:/Сайты/railsbridgejan/suggestotron /app/assets/stylesheets/application.css:18) Извлеченный источник (вокруг строки # 0): Итак, я вижу в своем файле stylesheets/application.css, что после него он не имеет .sass. Может ли это иметь какое-то отношение к моей проблеме? Я пробовал добавить к нему файл .sass, но он просто выглядит так, а затем application.css.sass.css – MommaBear

Кроме того, где в файле stylesheets/application.css следует добавить @import и т. Д.? Я просто положил его над * = require_tree – MommaBear

, вам нужно добавить его после require_tree. За пределами этих комментариев в верхней части. Расширение, которое у меня есть, не «sass», это «scss». –

Я недавно столкнулся с этой проблемой решить ее, пытаясь следующие инструкции:

1-Создать новый файл в/активы/таблицы стилей и дать имя custom.css.sass

2 -Добавить эту часть верхней части custom.css.sass файла

@import "bootstrap-sprockets"; @import "bootstrap";

3-сохранить его

Вы готовы пойти.

Проблема была в моем расширении файла custom.css.scss. Было неправильно использовать scss, и когда я сменил его на sass, все это было решено.

Удачи!

источник

2016-03-14 11:32:40 Recomer

Как использовать бутстрап для моего приложения rails?

ответ

Смежные вопросы