Heim >Web-Frontend >CSS-Tutorial >Ausführliche Erklärung des reinen CSS3-Pfeilschaltflächenstils von Bootstrap

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

PHPz
PHPzOriginal
2017-03-22 15:15:529705Durchsuche
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ührliche Erklärung des reinen CSS3-Pfeilschaltflächenstils von Bootstrap

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

In Verbindung stehende Artikel

Mehr sehen