Bootstrap 3 class visible-lg moves span to a new line

Question

How do I make class visible-lg not to move the span to a new line?

The following HTML renders as one line:

Device is:         


        

Answer 1

The solution to this issue is to set inline style for the span of class="visible_lg" as follows:

style="display: inline !important"

The "!important" is the key since Bootstrap 3 sets this style to "block !important"