Problems with .less-compiled version of Bootstrap CSS in mobile

[adventmedia]

Struggled for the better part of an afternoon with a problem where a working component (ui.bootstrap carousel) would break in a mobile browser (iOS and Android) while functioning fine on the desktop.
Problem solved by using the cdn version of bootstrap.css (or the downloaded .css files) instead of the version transpiled by .less (v. 2.0.0). Presumably a substantive difference in the transpiled version that only impacts mobile. Not a function of media selectors for size as far as I could see.

[juthilo]

We only officially support using our own grunt commands for Compiling CSS and JavaScript, which currently use Less v1.7.5.

Please check if your problems persist when you switch to the build method detailed at the link above.

[bassjobsen]

@adventmedia you should try to compile the Less code with the autoprefixer:

lessc bootstrap.less --autoprefix="Android 2.3,Android >= 4,Chrome >= 20,Firefox >= 24,Explorer >= 8,iOS >= 6,Opera >= 12,Safari >= 6"

The autoprefixer plugin can be found at: https://github.com/less/less-plugin-autoprefix

Also see the comments in less/vendor-prefixes.less:

// All vendor mixins are deprecated as of v3.2.0 due to the introduction of
// Autoprefixer in our Gruntfile. They will be removed in v4.

[mdo]

Closing as it's a build tool problem and there's nothing to really fix.