Как я могу создать Ruby on Rails для сборки Bootstrap v3? - программирование
Подтвердить что ты не робот

Как я могу создать Ruby on Rails для сборки Bootstrap v3?

Я хотел бы иметь возможность использовать Bootstrap 3 и Sass в моем проекте RoR и иметь выход генератора леса Bootstrap 3 HTML. Я использую Ruby 2 с Rails 4.

Ничего особенного - в основном просто наличие кнопок форм имеет соответствующие классы CSS.

Я использовал Образцовое приложение Rails Tutorial Sample (версия 4) в качестве основы, которое содержит драгоценный камень bootstrap-sass, но когда я используйте генератор, HTML не имеет соответствующих классов начальной загрузки - например, кнопки не имеют класса btn btn-default.

Я понимаю, что строительные леса ведут себя так, как они были разработаны, это база и предназначена для настройки (или замены) - но похоже, что не должно быть сложно также создать сгенерированный HTML "Bootstrap Ready" "

введите описание изображения здесь

У связанного вопроса был ответ, когда кто-то упомянул, что редактирование файлов в каталоге lib/erb/scaffold как edit.html.erb - переопределит шаблоны по умолчанию, используемые Rails для строительных лесов. Я не против, но я надеялся, что может быть что-то вроде gem, которое уже делало это.

Мне нравится использовать драгоценный камень bootstrap-sass, и я надеюсь, что есть решение, которое будет совместимо с ним - я бы предпочел использовать scss, чем less

Похоже, для этого нужно несколько камней.

4b9b3361

Ответ 1

У меня были такие же проблемы, но, наконец, я нашел следующее: https://github.com/decioferreira/bootstrap-generators

Он включает Bootstrap 3.1 и предоставляет строительные леса, и вы можете выбрать haml и scss, а также другие параметры.

Например, когда я сделал rails g scaffold Link guid:string profile:string media_url:string

Он автоматически произвел это:

automatically scaffolded with Bootstrap 3

РЕДАКТИРОВАТЬ ДЛЯ ПОЛЬЗОВАТЕЛЕЙ HEROKU

У меня возникли проблемы с нажатием моего приложения, которое использует бутстрап-генераторы (v3.1.1) в Heroku. Героку выдавал ошибку File to import not found or unreadable: bootstrap.scss

Исправление оказалось для изменения автоматически созданного файла bootstrap-generatorators.scss. Измените @import "bootstrap.scss"; на @import "bootstrap"; (например, просто удалите расширение).

НОВЫЙ РЕДАКТОР ДЛЯ ПОЛЬЗОВАТЕЛЕЙ HEROKU Новый жемчуг 3.1.1.1 исправляет ошибку. Вам больше не нужно менять @import "bootstrap.scss"; на @import "bootstrap"; в файле bootstrap-geneerators.scss.

Ответ 2

Если вам нужно настроить свои сгенерированные представления, вы можете фактически переопределить представления по умолчанию со своими собственными.

Просто поместите их в lib/templates/{erb|haml}/scaffold. Вы можете увидеть некоторые примеры файлов здесь.