Изучение рельсов ... так что я использую самоцветов-самоцветов ... Где собственно загрузочные CSS-файлы? Похоже, в них есть какая-то магия. Что делать, если я хочу настроить свойство CSS ....Где в моем приложении Rails находится Bootstrap CSS?
Вы используете bootstrap-sass gem, который предпочитают многие разработчики Rails. Таким образом, файлы CSS Bootstrap Twitter находятся в камне (в поставщиках/активах/таблицах стилей/).
Разработчики используют жемчужину для включения файлов Bootstrap, поскольку упрощают обновление при обновлении новых версий Bootstrap, просто обновляя драгоценный камень (плюс драгоценные камни - это путь Rails, а?). Жесткий фильтр bootstrap-sass популярен, потому что Sass является стандартным форматом таблиц стилей в Rails. Альтернативой является жемчужина twitter-bootstrap-rails, которая использует собственный формат Bootstrap LESS для таблиц стилей.
Используя камень, вам необходимо изменить файл приложения/активы/JavaScripts/application.js:
#app/assets/javascripts/application.js
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .
Лучшая практика, чтобы добавить файл с именем приложения/активов/стилей/bootstrap_and_overrides. css.scss:
# app/assets/stylesheets/bootstrap_and_overrides.css.scss
@import "bootstrap";
body { padding-top: 60px; }
@import "bootstrap-responsive";
Это показывает пример переопределения стиля тела Bootstrap добавить отступы для размещения панели навигации Bootstrap. Затем просто добавьте CSS (или Sass) для конкретных приложений в дополнительные файлы в файле app/assets/stylesheets/.
Я написал углубленную статью:
, который входит в более подробно и показывает, как настроить макет приложения, навигационные ссылки, Rails быстрые сообщения, а также форму строителей для Twitter Bootstrap. Эта статья может быть полезна, если вы хотите узнать больше.
К сожалению, если вы используете драгоценный камень, файлы css скрыты от вас. Если вы делаете bundle show bootstrap-sass, вы увидите, где находятся файлы для драгоценного камня, и вы можете увидеть используемые там стили.
Если вы просматриваете файлы драгоценного камня, вы увидите таблицы стилей, используемые в vendor/assets/stylesheets/.
Я бы порекомендовал просто не использовать драгоценный камень и получить собственные таблицы стилей Bootstrap и поместить их в vendor/assets/stylesheets/ вашего приложения.
Yup. И используя порт Sass в https: // github.com/jlong / sass-twitter-bootstrap – depa
@ slindsey3000 - вы должны прислушаться к рекомендации varatis, поскольку я заметил, что вы попадаете в кучу проблем при переходе с dev на производственные режимы. – sircapsalot
Файлы CSS находятся внутри драгоценного камня. Чтобы включить их в вашу заявку,
в app/assets/stylesheets/ вы можете создать файл по вашему выбору. (я назову его bootstrap_overrides.css.scss)
и включите источник начальной загрузки и переопределите.
@include "bootstrap";
/* here are the overrides if you want to override the styles */
@include "bootstrap-responsive";
и убедитесь, что bootstrap_overrides.css.scss включен в глобальный application.css файл.
(at) импорт «бутстрап»; Нужно ли мне это, так как у меня есть «// = require bootstrap» наверху? В настоящее время у меня нет (при) импорта «bootstrap»; и все кажется прекрасным. – slindsey3000