css - Bootstrap 3 class visible-lg moves span to a new line -
How do I create the class The following HTML presents as a line: However , the following HTML renders 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: So in your case, you want to use it: In bootstrap 3.0, use all visible and hidden responsive classrooms For a stronger perspective, here Reported on issue of bootstrap: visible-lg , and not to move the span to the new line ?
& lt; P & gt; The device is: & lt; Span & gt; Unknown & lt; / Span & gt; & Lt; / P & gt;
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
Group of squares | CSS display . Visual - * - Block | Display area; . Visible - * - Inline | Display: Inline; .visible - * - Inline-block | Display: Inline-block;
& 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
display: block! Important;
You must override if you want to display inline elements:
@ media (minimum-width: 1200px) { Span Visual-LG {Display: Inline!
is
Comments
Post a Comment