3月22日

html修正

入力フォームの修正

デフォルトの文字色、背景色を変更。

人数入力欄のデフォルト文字をplaceholderで設置・人数アイコン設定

<div class="col-md-2 mb-5 pb-5 mt-5 pt-5">
<div class="form-col with-icon">
<label for="appt-time">御予約人数: </label>
<input id="appt-persons" type="text" placeholder="人数">
<i class="material-icons-outlined">people</i>
</div>

f:id:hinairo:20210322224745p:plain



先生から教えてもらったbootstrapのyoutubeをみていたら、imgにfluidをつけれるということを言っていたのでつけてみた。検証でやってみるとちょうどいい幅に広がった。

f:id:hinairo:20210322223841p:plain

トップがうまいこと広がったので仮で全体的にfluidをつけてみると思ってるよりいい感じに広がった

f:id:hinairo:20210322224650p:plain

f:id:hinairo:20210322224706p:plain

f:id:hinairo:20210322224718p:plain

f:id:hinairo:20210322224730p:plain

f:id:hinairo:20210322224738p:plain

f:id:hinairo:20210322224745p:plain

f:id:hinairo:20210322224753p:plain


が微妙にズレている。取り消し。

最後のnavbarがやっパリ真ん中に来ない。

 

本の名言

失敗は諦めない人にとってのみ成功への一里塚となる。

本の名言