Inline-block spacing with minified html

[epelc]

Hello when you have buttons in a row and you are minifying your html then they end up with no spacing on the right and left sides. You can add a marigin left/right of 2px to mimic the spacing. But this doesn't fix all elements because it also affects input groups and probably several other things. This also inst perfect even if you applied it to all the right elements because it leave an extra 2px on your first element.

Here is an example

[cvrebert]

This is a problem with your minifier, not with Bootstrap.
Try using the conservativeCollapse option or whatever the analogous option for your minifier is. (See also http://perfectionkills.com/experimenting-with-html-minifier/#collapse_whitespace )
Or alternatively, you'll need to add more custom CSS.
I don't think there's much we reasonably can/will do about this at the Bootstrap level.

[epelc]

Thank you I was using https://www.npmjs.org/package/gulp-minify-html which didn't have that option. I also didnt know what you would call an option like that or if it was possible. But I just switched to using https://www.npmjs.org/package/gulp-html-minifier which is a gulp wrapper for the minfier you linked. Anyways thank you very much this was very helpful and that minifier has a lot more options which is nice.

[cvrebert]

X-Ref: #16163