フォーム検索スタイルを使用すると、どの CSS ドキュメントを追加しますか? _html/css

フォーム検索スタイルを使用すると、どの CSS ドキュメントを追加しますか? _html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 12:04:05

オリジナル

1053 人が閲覧しました

私はちょうどブートストラップを学び始めたところですが、条件付きクエリフォームが次のように書かれているのを見ました:

                <form class='form-search'>                <input class="input-medium search-query" type='text' />                <button class='btn' type='submit'>                    查找</button>                </form>

ログイン後にコピー

なぜフォーム検索スタイルを見なかったのですか? ?
追加しました:

<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"><script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>

ログイン後にコピー

bootstrap.min.css を見ましたが、追加した CSS が少なくなりましたか? ?

ディスカッションへの返信 (解決策)

おそらくクラスは、マーク付け、要素の検索、および特別な処理の実行を容易にするためだけに追加されていますが、本当の意味で対応するスタイルはありません

ある場合は、どこから始めますか? 他の人の Web サイトから、開発者ツールを使用してそれを見つけることができ、どのスタイルシートが form-search に対応しているか、そしてそれがどの行であるかを確認できます。マークを付けて要素を見つけて特別な処理を行いますが、本当の意味で対応するスタイルはありません

ある場合は、開発者ツールを通じてフォームをどこで見つけましたか?彼らのウェブサイト - 検索どのスタイルシートがそれに対応しているかを見ると、どの行が表示されるかがわかります

bootstrap のビジュアルレイアウトを使用してデザインしました http://www.bootcss.com/p/layoutit/
「基本 CSS」に例がありますform-search の追加方法がわかりませんが、ガイドを教えてください

このスタイルに変更します

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><link rel="stylesheet" href="http://www.bootcss.com/p/layoutit/css/bootstrap-combined.min.css"><script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script></head><body> <form class='form-search'>                <input class="input-medium search-query" type='text' />                <button class='btn' type='submit'>                    查找</button>                </form></body></html>

ログイン後にコピー

このスタイルに変更します

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><link rel="stylesheet" href="http://www.bootcss.com/p/layoutit/css/bootstrap-combined.min.css"><script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script><script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script></head><body> <form class='form-search'>                <input class="input-medium search-query" type='text' />                <button class='btn' type='submit'>                    查找</button>                </form></body></html>

ログイン後にコピー

ヒーロー! ！あなたの方法は効果があります! ！ありがとう！！
私も聞きたい: http://www.bootcss.com/p/layoutit/css/bootstrap-combined.min.css このスタイルは

http://cdn.bootcss.com/twitter-bootstrap と同じです/3.0. 3/css/bootstrap.min.css の違いは何ですか? ?
combined.min.css には bootstrap.min.css が含まれますか? ? ? ?