Как включить (статический) шаблон начальной загрузки в конвейер ресурсов rails?

Я делаю домашнюю страницу с помощью twitter bootstrap, rails 3.2.1 и twitter-bootstrap-rails gem (https://github.com/seyhunak/twitter-bootstrap-rails).

Хотел попробовать другой вид, отличный от классического твиттера, и нашел отличный шаблон "United" с bootswatch.com.

Я скачал четыре файла (bootstrap.css / bootstrap.min.css / variables.less / bootswatch.less) .

Как я могу включить эти файлы в конвейер ресурсов?

Вот список из моего каталога 'app/assets' (файлы создаются с помощью twitter-bootstrap-rails gem).

/images/rails.png
/javascripts/application.js
/javascripts/bootstrap.js.coffee
/javascripts/products.js.coffee
/stylesheets/application.css
/stylesheets/bootstrap_and_overrides.css.less

Я понятия не имею.

Источник

3 ответа

Решение

Если вы проверяете систему установки bootswatch, вам просто нужно загрузить файл bootstrap.min с веб-сайта, поэтому добавьте его в файл application.css.

//= require bootstrap.min.css

Вы также можете удалить все требования начальной загрузки.

Источник

Я использую тот же гем (bootstrap-sass-rails) и иногда загружаю пользовательские темы из bootswatch. Мой подход довольно прост:

  • Я загружаю только файл variables.less, проверяю, какие переменные мне нужны (цвета, шрифты и т. Д.), Затем конвертирую их в синтаксис SCSS

  • ПОСЛЕ переменных, определенных выше, я использую синтаксис SCSS (вместо //= require), чтобы требовать компоненты начальной загрузки (обычно вам не нужны все пакеты)

вот быстрый пример:

// Navbar
$navbarBackground:                #DD4814;
$navbarBackgroundHighlight:       #CE4213;
// other vars...

@import "twitter/bootstrap/variables";
@import "twitter/bootstrap/mixins";
@import "twitter/bootstrap/reset";
@import "twitter/bootstrap/scaffolding";
@import "twitter/bootstrap/grid";
@import "twitter/bootstrap/layouts";
// etc...

Таким образом, вы получите более компактный CSS и больше возможностей для его настройки.

Источник

Этот драгоценный камень использует меньше, но был сделан, чтобы упростить интеграцию пользовательских шаблонов начальной загрузки Twitter:

https://github.com/scottvrosenthal/twitter-bootswatch-rails

Источник
Другие вопросы по тегам