Wie verwende ich Chevron-Symbole, um den Kollapsstatus von Bootstrap 3 anzuzeigen?

Bootstrap 3 Collapse State mit Chevron-Symbolen

Das Bootstrap 3-Framework bietet ein Beispiel für die Verwendung eines Chevron-Symbols zur Anzeige des Collapse-Status eines Element. Der folgende Code fügt jeder Panel-Überschrift ein Chevron-Symbol hinzu und schaltet das Symbol um, wenn das Panel reduziert oder erweitert wird:

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"></script>

<div>

Diese Lösung verwendet die Bootstrap-CSS-Klassen, um das Chevron-Symbol anzuzeigen , und schaltet das glyphicon-chevron-down und um glyphicon-chevron-up Klassen, wenn das Panel minimiert oder erweitert wird.

Das obige ist der detaillierte Inhalt vonWie verwende ich Chevron-Symbole, um den Kollapsstatus von Bootstrap 3 anzuzeigen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!