css - Bootstrap 3 class visible-lg moves span to a new line -
How do I create the class visible-lg , and not to move the span to the new line ?
The following HTML presents as a line:
& lt; P & gt; The device is: & lt; Span & gt; Unknown & lt; / Span & gt; & Lt; / P & gt; However , the following HTML renders large is the device on the bottom line :
& lt; P & gt; The device is: & lt; Span class = "visible-lg" & gt; Big & lt; / Span & gt; & Lt; / P & gt;
update for bootstrap v3.2.0
According to the solution in Bootstrap v3.2.0 with the form
:
As v3.2.0, .visible- - each Classes for breakpoint come in three variations, one for each CSS display property value listed below:
Group of squares | CSS display . Visual - * - Block | Display area; . Visible - * - Inline | Display: Inline; .visible - * - Inline-block | Display: Inline-block; So in your case, you want to use it:
& lt; P & gt; The device is: & lt; Span class = " view-LG-inline " & gt; Big & lt; / Span & gt; & Lt; / P & gt;
Basic for Bootstrap v3.0
In bootstrap 3.0, use all visible and hidden responsive classrooms display: block! Important;
You must override if you want to display inline elements:
@ media (minimum-width: 1200px) { Span Visual-LG {Display: Inline!
For a stronger perspective, here
is -
Reported on issue of bootstrap:
-
-
-
-
-
Comments
Post a Comment