Bootstrap 4. Минимизация CSS порождает неправильные результаты

Question

Я установил Bootstrap 4.0-alpha с Bower, и теперь у меня есть каталог dist с предварительно скомпилированным bootstrap.css и bootstrap.min.css. В среде разработки я стараюсь использовать не сжатую версию, а мини-версию в развертывании. Я использую Laravel Elixir для выполнения своих задач. После сжатия некоторые стили бутстрапа были изменены. Например, тег h1 получил «margin-top: 0.67em» (это произошло, потому что «margin-top: 0px» имеет более низкий приоритет). Разумеется, я могу просто использовать предварительно сжатый файл из каталога dist, который является достаточно хорошим. Но если это вопрос моего майнира, я боюсь, что это приведет к неправильным результатам в дальнейшем развитии. Итак, мой вопрос - почему это происходит?

Answer 1

бутстрапом построит сеть использует grunt-contrib-css, которая использует clean-css (версия 3.4.6)

В разделе Gruntfile.js опция noAdvanced: true были установлены. Насколько я понимаю, это не вариант для grunt-contrib-css ни clean-css. Вместо advanced: false должны быть установлены:

cssmin: { 
    options: { 
    // TODO: disable `zeroUnits` optimization once clean-css 3.2 is released 
    // and then simplify the fix for https://github.com/twbs/bootstrap/issues/14837 accordingly 
    compatibility: 'ie9', 
    keepSpecialComments: '*', 
    sourceMap: true, 
    advanced: false 
    },