custom-control + custom-control margin-left break display on mobile view

Created by: Lausselloic

Tested on Windows, Firefox 45.2 ESR, IE11 and Chrome 54 Onto the doc page : http://v4-alpha.getbootstrap.com/components/forms/#radios The custom-controls display well on desktop, but when switching to mobile view, the margin-left into _custom-forms.scss push the second custom-control block.

Maybe it's better to put a margin-right onto each custom-control. But warning fo RTL maybe need to be reverted.

.custom-control { position: relative; display: inline-block; padding-left: $custom-control-gutter; cursor: pointer;

• .custom-control { margin-left: $custom-control-spacer-x; } }

Display with the margin-left on mobile view :

Display with the margin-right

The other option (maybe not really robust), will be to remove the margin if viewport is lower than a fixed breakpoint?

Say to me if you want a pull-request