ホームページ >ウェブフロントエンド >jsチュートリアル >Bootstrap3 で検索ボックスのスタイルを設定する方法

Bootstrap3 で検索ボックスのスタイルを設定する方法

高洛峰
高洛峰オリジナル
2016-12-29 11:36:191736ブラウズ

Bootstrap3 の多くのスタイルでは、Baidu と同様の検索ボックスを作成するときに、最初はやり方がわからないかもしれませんが、実際には、インライン アイコンを使用することで実現できます。

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

'.input-group' を通じてスパンを入力ボックスにインライン化するだけで、非常に優れた検索ボックスを実現できます。

上記は、編集者が紹介したBootstrap 3で検索ボックスのスタイルを作成する方法の全体的な説明です。詳しく知りたい場合は、PHPの中国語のWebサイトに注目してください。 !

Bootstrap3 で検索ボックス スタイルを作成する方法に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。