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

So gestalten Sie das Suchfeld in Bootstrap3

高洛峰
高洛峰Original
2016-12-29 11:36:191665Durchsuche

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>

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!


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