4

Как правильно интегрировать twitter-bootstrap-rails драгоценный камень с конвейером активов?Использование twitter бутстрапа с рельсами активов трубопровода и менее

Я следовал инсталляции шаги и в настоящее время я это application.css

*= require_self 
*= require bootstrap_and_overrides 

А потом в bootstrap_and_overrides.css.less я импортировать другие контроллеры таблицы стилей для того, чтобы заставить их работать с установленным мои переменные в файле переопределений и иметь возможность использовать бутстрап-микшины в специальных таблицах стилей контроллера в файлах <controller-name>.css.less. В настоящее время я делаю это:

# in bootstrap_and_overrides.css.less 
// generated code ... 
// Your custom LESS stylesheets goes here 
// 
// Since bootstrap was imported above you have access to its mixins which 
// you may use and inherit here 
// 
// If you'd like to override bootstrap's own variables, you can do so here as well 
// See http://twitter.github.com/bootstrap/less.html for their names and documentation 
// 
// Example: 
// @linkColor: #ff0000; 
@linkColor: #ff0000; 

// import all other stylesheets 
@import 'home.css.less'; 
@import 'users.css.less'; 
// and so on, once for every controller 

// in home.css.less 
#foobar { 
    .border-radius(30px); // bootstrap mixin 
    color: @linkColor; // inherited variable 
} 

Однако в этом случае я теряю трубопровод активов, и я не могу видеть отдельные таблицы стилей больше в режиме разработки. Есть ли способ заставить twitter-bootstrap-rails работать со звездочками?

ответ

5

Think this вопрос о github объясняет ваш вопрос. (Я знаю, что это для sass, но объяснение должно быть верным в любом случае)

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

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