Support the ongoing development of Laravel.io →
posted 9 years ago
Packages

I didn't see a solution for this elsewhere online, so I'm posting it here just in case anyone is searching for it.

If you're using the default Laravel Elixir install to compile bootstrap-sass, you may be running into an issue where some items aren't aligned properly, in particular the bottom of the input on a input-group may be misaligned similar to what is shown here: https://github.com/twbs/bootstrap/issues/15840

This describes the problem caused by the default precision of the SASS compiler (including the one that comes with Elixir): https://github.com/twbs/bootstrap-sass/issues/409

If you're compiling bootstrap-sass with the SASS version that comes with Elixir, you have to add elixir.config.css.sass.pluginOptions.precision = 10; to your gulpfile.js after your "var elixir" is defined. Otherwise the default precision of 5 causes alignment issues with input-group and other Bootstrap elements.

Last updated 2 years ago.
0

Sign in to participate in this thread!

Eventy

Your banner here too?

orrd orrd Joined 3 Feb 2014

Moderators

We'd like to thank these amazing companies for supporting us

Your logo here?

Laravel.io

The Laravel portal for problem solving, knowledge sharing and community building.

© 2025 Laravel.io - All rights reserved.