Компиляция Bootstrap из LESS, отсутствуют правила

Я компилирую Bootstrap из последних файлов LESS, поэтому я могу переопределить / добавить свои собственные переменные (в основном цвета).

Однако скомпилированный файл css не содержит никаких правил .span3, .span8, кто-нибудь знает, как / где эти правила генерируются?

Загрузка последних предварительно скомпилированных файлов css работает нормально - они содержат указанные выше правила.
Я пробовал выполнить поиск в файлах LESS, но были найдены только правила таблицы (.tableColumns (3), .tableColumns (8) так далее..).

Мой текущий bootstrap.less выглядит так:

@import "@{BootStrapVer}/variables.less";
@import "@{Custom}/custom-vars.less";
@import "@{BootStrapVer}/mixins.less";

<Rest of bootstrap less files excluded for brevity>

twitter-bootstrap less
person SteB    schedule 23.06.2013    source источник
comment
здесь все правильно: github.com/twitter/bootstrap/tree/master/less   -  person Scott Simpson    schedule 23.06.2013
comment
@ScottSimpson - я загрузил файлы LESS с github, и мой bootstrap.less ссылается на них все, но после компиляции мой bootstrap.css меньше предварительно скомпилированного   -  person SteB    schedule 23.06.2013
comment
Ваш bootstrap.less выглядит именно так? github.com/twitter/bootstrap/blob/master/less/bootstrap. меньше Может быть, вы так компилируете. Если вы работаете на Mac, попробуйте CodeKit для компиляции.   -  person Scott Simpson    schedule 23.06.2013

Ответы (2)


arrow_upward
1
arrow_downward

Если я правильно понимаю ваше описание, вам нужен один автономный файл CSS, который включает как значения по умолчанию для Bootstrap, так и ваши настройки.

Начните с получения копии файлов less с https://github.com/twitter/bootstrap/archive/master.zip

Если вы откроете boostrap.less, вы увидите, что вверху есть

// Core variables and mixins
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
@import "mixins.less";
....

добавьте оператор, вызывающий ваш файл пользовательских переменных в середине этого блока, убедившись, что относительный путь указан правильно. Например

// Core variables and mixins
@import "variables.less"; // Modify this for custom colors, font-sizes, etc  
@import "../../relative/path-to/custom-vars.less";
@import "mixins.less";

Затем скомпилируйте bootsrap.less.

Я согласен с @ScottSimpson, CodeKit - хороший вариант для Mac.

удачи!

person David Taiaroa    schedule 23.06.2013
comment
Мой собственный файл bootstrap.less находится за пределами моего каталога less, я включил пример того, что у меня есть. Разве мои пользовательские переменные не нужно было импортировать, прежде чем я импортировал другие файлы less, чтобы их можно было просмотреть? - person SteB; 23.06.2013
comment
Даже если я попробую: @import @ {BootStrapVer} /bootstrap.less; мой файл css на 3 КБ меньше предварительно скомпилированного. - person SteB; 23.06.2013

arrow_upward
1
arrow_downward

Первоначально я думал, что проблема связана с добавлением моих пользовательских файлов less.

Благодаря ответу Дэвида Тайароа и дополнительной отладке, новой версии Prepos и сравнению с выводом WinLESS я в конце концов определил, что это настройки, которые я использовал в Prepos.

При снятии флажка «Строгая математика» и «Строгие единицы» и повторной компиляции были получены правильные файлы CSS.

person SteB    schedule 23.06.2013