回答編集履歴

1 追記

m.ts10806

m.ts10806 score 66786

2019/03/12 22:00  投稿

少しずつ回答追記していきます。
> スクリーンのサイズに関わらず検索窓の位置を固定
> 検索窓はロゴ(トグル)に次いで左寄せにする
> 検索窓の中に文字(検索など)を入れる
今でもできてませんか?
「固定」だけでいうとposition:fixedかと思いましたが、単にそこに置いておくということですね。
ただ、位置は固定でもbreakpointで伸び縮みはしてますね。
そのあたりはレスポンシブなのでBootStrapで対応可能かと(たぶんform関係)
[placeholder](http://www.htmq.com/html5/input_placeholder.shtml)のことでしょうか。
> 検索窓の中に文字(検索など)または虫眼鏡記号を入れる
[placeholder](http://www.htmq.com/html5/input_placeholder.shtml)のことでしょうか。
虫眼鏡については提示サイトではSVGで対応されているようですが、フォントアイコンでも対応可能です。
FontAwesomeとかMaterial Iconsとかが有名でしょうか。
「このサイトのここ、どう作ってるんだろう」を見たいときはブラウザの開発ツールを利用すると良いです。
- [競合サイトのCSSとJavaScriptを丸裸にする方法](https://ascii.jp/elem/000/000/999/999122/)

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る