Heim > Web-Frontend > js-Tutorial > So gestalten Sie das Suchfeld in Bootstrap3

So gestalten Sie das Suchfeld in Bootstrap3

高洛峰
Freigeben: 2016-12-29 11:36:19
Original
1722 Leute haben es durchsucht

Viele Stile in Bootstrap3 erfordern, dass wir durch Ausprobieren lernen. Wenn wir ein einfaches Suchfeld erstellen, wissen wir zunächst möglicherweise nicht, wie es geht Verwenden von Inline-Symbolen

<div class="input-group">
<input type="text" class="form-control input-lg"><span class="input-group-addon btn btn-primary">搜索</span>
</div>
Nach dem Login kopieren

Inline den Bereich über „.input-group“ in das Eingabefeld einfügen. Wir müssen nur den Schaltflächenstil zu diesem Bereich hinzufügen, um ein sehr gutes Suchfeld zu erhalten.

Das Obige ist die vollständige Beschreibung der vom Herausgeber eingeführten Methode zum Erstellen eines Suchfeldstils in Bootstrap 3. Wenn Sie mehr wissen möchten, zahlen Sie bitte Achtung auf die chinesische PHP-Website!

Weitere verwandte Artikel zum Erstellen eines Suchfeldstils mit Bootstrap3 finden Sie auf der chinesischen PHP-Website!


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage