Responsive classes on inline elements

[Grezvany13]

All responsive classes (both by device size and print) don't like inline elements like to be hidden and shown correctly without breaking it.

Example:

<a class="btn"><i class="glyphicon glyphicon-envelope"></i> <span class="hidden-sm">Email</span></a>

It does hide the span correctly when the screensize is below 768px, however when visible it's placed below the icon since it recieves a display:block.

Possible solution:
Add display:inline-block for elements like a, span, i, em, strong, etc when used in combination with responsive classes.

[iambateman]

I ran into this issue as well. Doing inline-block for "typically" inline elements like the a tag would be equally maddening if someone set those to display: block.

[cvrebert]

Duplicate of #8869.