I have installed Bootstrap 4.0-alpha with Bower and now I have a dist directory with precompiled bootstrap.css and bootstrap.min.css. In development environment I try to use not compressed version, but minified version within deployment. I use Laravel Elixir to run my tasks. After compressing, some bootstrap styles has been changed. For example, h1 tag has got "margin-top: 0.67em" (it has happened, because "margin-top: 0px" has got lower priority). Of course, I can simply use precompressed file from dist directory which is complitely fine. But if it's an issue of my minifier, I am afraid that it will lead to the wrong results in further development.So my question is why it's happening?
Bootstrap 4. CSS minification produces wrong results
653 Views Asked by Phargelm At
1
There are 1 best solutions below
Related Questions in GULP
- Strange npm behavior when installing packages like grunt
- Gulp wont restart in any of my projects
- Gulp Sass not compiling partials
- Convert all html templates to single object and store it in a js file
- Gulp Watch Isn't Watching
- Gulp fails and returns Unhandled 'error' event
- Using Bower with Express
- Webpack Uglify plugin returns "Killed" on Ubuntu
- Not able to run 'npm install' on vagrant homestead
- WP Super Cache to create a static version of the full site
- Gulp with WebPack. Which should be building my coffee/jade etc.?
- Gulp useref concatenates js files twice
- Gulp task throwing ENOTEMPTY error in console
- gulp-ftp errors when uploading to remote path
- Watchify with gulp is not working
Related Questions in LARAVEL-ELIXIR
- How to use preinstalled node modules from laravel-elixir in Laravel 5
- Not able to run 'npm install' on vagrant homestead
- Elixir not creating multiple css files
- Laravel Elixir - Compiling and concatenating bootstrap files with a custom file name
- use Browserify-shim with Laravel Elixir-Browserify
- gulp watch not watching imported less files
- Laravel Elixir / Less include path as folder
- Foundation with Laravel and Elixir
- Call .mix from inside of gulp task
- Elixir TDD tests only execute when a test file is saved
- How to compile and version assets in Laravel elixir?
- Importing fonts in a Laravel Elixr gulpfile
- Gulp and elixir copy folders and minify them
- Using multiple webpack methods on laravel elixir
- Laravel Elixir + Webpack: Custom output filename?
Related Questions in BOOTSTRAP-4
- How to remove these margins between my Bootstrap 4 links?
- Float nav items to the right in Bootstrap 4?
- What does offset do in Bootstrap 4?
- Webpack: Bootstrap-loader is not able to find installed bootstrap 4 module
- Angular 2 - how to use scss with bootstrap 4 in testing using webpack
- Angular, Bootstrap 4, angular-cli - where to place dependent scss and import it?
- Bootstrap 4 -- branding + navbar items
- bootstrap 4 feedback text doesnt render properly
- Bootstrap 4: How to make top fixed navbar stay in container and not stretch?
- 4 column responsive in Bootstrap
- Bootstrap 4 Dropdown not working
- Change Bootstrap 4 tooltip template without refresh
- Multi-item carousel bootstrap 4
- Vertical alignment in Bootstrap 4
- Align navbar toggle button to the right
Related Questions in GULP-CLEAN-CSS
- gulp-sourcemaps with gulp-minify-css crashes
- Gulp sass to css: combine selectors with same property/values
- sourcemaps in gulp not mapping to files
- Clean-Css task gives error in gulpfile : cannot read property 'on'
- Gulp minifyCss remove special comments
- gulp-sass compiles Google Fonts CSS into the file, breaks protocol-relative link
- Remote font imports with css minification
- Minification error with minifycss
- How to use gulp-clean-css to write a new -min.css file instead of the default of overwriting the existing css source file?
- gulp-clean-css cannot set the right relative path for url() for assets such as fonts and images
- EACCES: permission denied on gulp css minify, same src and dest
- Why Gulp runs without errors but is not compiling the SCSS scripts?
- run gulp-clean-css options in gulp-inline
- Stop clean-css from changing 'Crimson' to #dc143c in { font-type: 'Crimson Text' }
- Using gulp-clean-css and gulp-rename to minify and rename with .min.css prefix, but gulp erases style.min.css file
Related Questions in GULP-MINIFY-CSS
- gulp maintain same destination path as in the source
- sourcemaps in gulp not mapping to files
- Gulp Isn't Executing Minify-CSS
- Why do minfiers reduce to one line
- Gulp minifyCss remove special comments
- Remote font imports with css minification
- Minification error with minifycss
- Why the task's output of gulp-clean-css for minify CSS is empty file?
- Gulp CSS task not overwriting existing CSS
- Adding versioning in image path Sprite
- how do I get gulp to watch both autoprefixer and minify?
- All LESS files are not getting compiled
- TypeError: has no method 'isAbsolute'
- Minify css + Gulp
- Bootstrap 4. CSS minification produces wrong results
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
The Bootstrap build chain uses
grunt-contrib-csswhich usesclean-css(version 3.4.6)In the Gruntfile.js the option
noAdvanced: truehad been set. As far as i do understande this is not an option forgrunt-contrib-cssneitherclean-css. Insteadadvanced: falseshould be set: