Bootstrap-Äquivalent von HTML5Boilerplate .visuellversteckt

8

Gibt es ein Twitter-Bootstrap-Äquivalent von HTML5Boilerplate's .visuell versteckter nicht-semantischer Hilfsklasse? Ich kann in den CSS-Dateien nichts Ähnliches sehen. Der Zweck der Klasse .visuallyhidden ist es, sie visuell zu verbergen, aber den Text für die Screenreader verfügbar zu machen. Gibt es einen anderen Bootstrappy-Ansatz, um dasselbe Ziel zu erreichen?

%Vor%

Die verwandten nicht semantischen Bootstrap-Hilfsklassen erreichen nicht den gleichen Effekt:

%Vor%     
Prembo 14.02.2013, 14:13
quelle

2 Antworten

12

Sie können die Bootstrap-Klasse .sr-only entweder in Ihrem HTML (nicht-semantisch) oder als Mix-In verwenden. Hier ist die Definition:

%Vor%     
Matt Ryan 12.10.2013, 23:39
quelle
6

Nun,

%Vor%

Bearbeiten 2013-11-25 : In Bootstrap v3.0.1 (wie Dean in seinem Kommentar unten richtig ausgeführt hat) macht .text-hide teilweise was du willst. Früher als bis zu Bootstrap v3 war der Klassenname .hide-text .
Es ist ursprünglich für den Austausch von Bildern gedacht, daher bleibt die Eigenschaft 'display' unverändert.

Siehe Ссылка für eine vollständige Erklärung aller Eigenschaften in dieser Regel, wie die wunderbare 0/0 a Workaround für den CSS-Validator.

Eine weitere Lektüre zur .hide-text -Klasse:
Ссылка

In Bootstrap gibt es auch ein Problem mit Ihrer Frage: Ссылка

    
Volker E. 15.02.2013 09:52
quelle