Document Autoprefixer browserslist setting

[maxwell]

I noticed that the minified bootstrap.min.css from getbootstrap.com includes a rule:

*{
  -moz-box-sizing:border-box;
}

to help with old Firefox shenanigans. (in this case, I was using Firefox 10 ::shudders::)

When I included

@import "bootstrap-sprockets";
@import "bootstrap";

in my app, that declaration was missing.

adding it back in manually made columns work as I expected.

Thanks for bootstrap-sass! It is fantastic and I love using it.

[cvrebert]

Did you setup Autoprefixer, as mentioned in the README?

[cvrebert]

Also, what are you using to compile the Sass code?

[maxwell]

Howdy!

I am just using the RoR instructions here:

gem 'bootstrap-sass', '~> 3.3.4'
gem 'sass-rails', '>= 3.2'

// "bootstrap-sprockets" must be imported before "bootstrap" and "bootstrap/variables"
@import "bootstrap-sprockets";
@import "bootstrap";

Do I have to do something extra to use autoprefixer? is it not vendored with the sass includes?

[glebm]

Autoprefixer is set up by default on Rails (it's a dependency of the bootstrap-sass gem), but you may need to specify the browser versions. See autoprefixer-rails documentation for reference: https://github.com/ai/autoprefixer-rails#ruby-on-rails

[cvrebert]

And the original Sass already has this particular bit of prefix code for good measure:

bootstrap-sass/assets/stylesheets/bootstrap/_scaffolding.scss

Line 12 in 1f269b1

@include box-sizing(border-box);

bootstrap-sass/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss

Line 76 in 1f269b1

-moz-box-sizing: $boxmodel;

so it's strange it's not in your compiled version.

[glebm]

Autoprefixer would remove it if it is not configured to support Firefox < 29. The defaults are: > 1%, last 2 versions, Firefox ESR, Opera 12.1, so I guess this makes sense.

[cvrebert]

Perhaps we should mention autoprefixer's browserslist file in our docs?