2015-02-04 3 views
0

Я хочу использовать Bootstrap с SASS, но я не могу найти никаких учебников или объяснений, как можно использовать Bootstrap с SASS. Единственное, что я нахожу корыта Монтаж рубиновый камень:Компас CSS framework - используя Bootstrap с SASS

компас создать свой-новый-проект -r самозагрузки-дерзость --использование самозагрузки

который создает следующее дерево в моей папке:

enter image description here

Этого достаточно для Bootstrap, чтобы использовать собственную грид, потому что я не вижу файл bootstrap.scss, ни один из связанных с гридом файлов. Тем не менее, я нахожу классы сетки и все в файле styles.css. Разве нет файла bootstrap.scss, в котором есть все микшины и все остальное? И где я могу найти более широкое использование Bootstrap Mixins Сасс, в которых описаны здесь кратко:

http://www.hongkiat.com/blog/bootstrap-and-sass/

Спасибо всех заранее! Я действительно ничего не могу найти по моей проблеме.

ответ

1

(я использую .sass файлы в моем ответе, но он должен обратиться к .scss файлов тоже)

не Является bootstrap.scss файл, который имеет все Примеси и все остальное ?

Да, есть. Вот сгенерированный styles.sass файл:

// Import Bootstrap Compass integration 
@import "bootstrap-compass" 
// Import custom Bootstrap variables 
@import "bootstrap-variables" 
// Import Bootstrap for Sass 
@import "bootstrap" 

bootstap_variables относится к сгенерированным _bootstrap-variables.sass файлу в дереве проекта, в то время как bootstrap-compass и bootstrap импортируются из stylesheets каталога драгоценного камня.

The latter импортирует все другие Bootstrap файлы, в том числе сетки:

// Core variables and mixins 
@import "bootstrap/variables"; 
@import "bootstrap/mixins"; 

// Reset and dependencies 
@import "bootstrap/normalize"; 
@import "bootstrap/print"; 
@import "bootstrap/glyphicons"; 

// Core CSS 
@import "bootstrap/scaffolding"; 
@import "bootstrap/type"; 
@import "bootstrap/code"; 
@import "bootstrap/grid";  # <-- here it is 
... 
+0

Да, но у меня нет файла _bootsrap.scss, который включает в себя ядро ​​переменные, сбросы и основной CSS, что вы, перечисленных выше. Нужно ли вручную создавать его? – snkv

+0

Я загрузил заархивированные ресурсы с веб-сайта bootstraps. Похоже, что они содержат недостающие файлы, которые компас не создает. Итак, способ сделать это - создать проект компаса с помощью свойств bootstrap, а затем включить другие файлы из исходных активов из порта Bootstrap? – snkv

+0

@ user3466235 файлы поставляются с драгоценным камнем [bootstrap-sass] (https://github.com/twbs/bootstrap-sass), а жемчужина требуется из 'config.rb'. Вы получаете сообщения об ошибках из-за отсутствия файлов? – Stefan

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