Bootstrap 3 Klasse sichtbar-lg bewegt sich in eine neue Zeile

8

Wie mache ich die Klasse visible-lg , um die Spanne nicht auf eine neue Zeile zu verschieben?

Der folgende HTML-Code wird als eine Zeile dargestellt:

%Vor%

Allerdings , gibt der folgende HTML-Code Large in der Zeile unter Device is :

wieder %Vor%     
Hidalgo 25.04.2014, 20:48
quelle

2 Antworten

14

Update für Bootstrap v3.2.0

Dies wird nun nativ in Bootstrap v3.2.0 mit diesem Commit

gelöst

Laut der Responsive-Classes-Dokumentation :

  

Ab v3.2.0 gibt es die .visible- - -Klassen für jeden Haltepunkt in drei Variationen, eine für jeden unten aufgeführten CSS-Anzeigeeigenschaftswert:

%Vor%

In Ihrem Fall sollten Sie also Folgendes verwenden:

%Vor%

Original für Bootstrap v3.0

In Bootstrap 3.0 verwenden alle sichtbaren und versteckten responsiven Klassen display:block !important;
Sie müssen das überschreiben, wenn Sie Elemente inline anzeigen möchten:

%Vor%

Arbeitsdemo in jsFiddle

Für einen robusteren Ansatz finden Sie hier eine Bibliothek, die Erweiterungsklassen für jeden Anzeigetyp hinzufügt

Andere Instanzen

Auf Stackoverflow angesprochen:

Wird in Bootstrap-Problemen gemeldet:

KyleMit 29.04.2014, 22:40
quelle
0

Die Lösung für dieses Problem besteht darin, den Inline-Stil für den Bereich von class="visible_lg" wie folgt festzulegen:

%Vor%

Der "! wichtig" ist der Schlüssel seit Bootstrap 3 setzt diesen Stil auf "Block! wichtig"

    
Hidalgo 29.04.2014 22:14
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Dynamische Formular- und Datenbindung mit Spring MVC