Inline-block visibility

An attempt to address some of the elements affected by issue #8869

When applying visible-* to elements which should be displayed as inline-block, they are forced to display: block when the responsive break-point kicks in.  This breaks things such as elements that are part of of a ul.list-inline.

This fix doesn't address all of the elements / classes that are set to inline-block - I can't see a use to apply visible-* to a single carousel indicator or drop-down caret.