Ausführliche Erklärung des reinen CSS3-Pfeilschaltflächenstils von Bootstrap

Kurzes Tutorial

Dies ist ein reiner CSS3-Pfeilschaltflächenstil, der auf Bootstrap basiert. Diese Schaltfläche ändert den nativen Bootstrap-Schaltflächenstil, um eine nach links oder rechts zeigende Pfeilschaltfläche zu generieren.

[Verwandte Videoempfehlungen: Bootstrap-Tutorial]

Installation

Sie können die Bootstrap-Pfeilschaltfläche über npm oder Bower installieren dokumentieren.

npm install bootstrap-directional-buttons
 
bower install bootstrap-directional-buttons

Gebrauchsanweisung

Fügen Sie Bootstrap-Stildateien und Bootstrap-Directional-Buttons.css-Dateien in die Seite ein

<link>
<link>

HTML-Struktur

Um es zu verwenden, müssen Sie der Schaltfläche lediglich btn-arrow-left oder btn-arrow-rightclass hinzufügen. Wenn Sie möchten, dass zwischen einer Gruppe von Pfeilschaltflächen keine Lücken bestehen, können Sie sie mit der Klasse btn-group in einem Container platzieren.

<button>箭头向左的按钮</button>
<button>箭头向右的按钮</button>

Ausführlichere Erklärungen zum reinen CSS3-Pfeilschaltflächenstil von Bootstrap finden Sie auf der chinesischen PHP-Website!

Verwandte Artikel:

jQuery implementiert eine unendliche Regionsverknüpfung basierend auf dem BootStrap-Stil

Detaillierte Erklärung von Bootstrap zur Implementierung eines schönen und prägnanten CSS3-Preises Beispiel-Quellcode auflisten

Beispielcode mit Bootstrap-Formular erstellen