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

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

高洛峰
リリース: 2016-12-29 11:36:19
オリジナル
1738 人が閲覧しました

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 サイトに注目してください。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート