Comment styliser le champ de recherche dans Bootstrap3

De nombreux styles dans Bootstrap3 nous obligent à apprendre par essais et erreurs. Lorsque nous créons un champ de recherche simple similaire à Baidu, nous ne savons peut-être pas comment le faire au début, c'est très simple. en utilisant des icônes en ligne

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

Insérez l'étendue dans la zone de saisie via '.input-group'. Il nous suffit d'ajouter le style du bouton à cette étendue pour obtenir un très bon champ de recherche.

Ce qui précède est la description complète de la méthode de création d'un style de champ de recherche dans Bootstrap 3 présentée par l'éditeur. J'espère que cela vous sera utile. Si vous voulez en savoir plus, veuillez payer. attention au site PHP chinois !

Pour plus d'articles sur la façon de créer un style de champ de recherche avec Bootstrap3, veuillez faire attention au site Web PHP chinois !