hinairo https://blog.hatena.ne.jp/hinairo/ hinairo’s diary https://hinairo.hatenablog.com/ html グリッドシステムの使い方 赤線部のようにcol-md-6 col-lg-2と書けばブレイクポイントの指定ができる。 そうすることで幅を狭めた時に一列にフォーム欄が12分の中の6と6で割れるので2枠取れる。また幅を広めた時は12分の2の枠に収まる。 getbootstrap.com sm・md・lg書き方の違いで段落が変わる。 アイコンをbootstrapに入れることができる アイコンに対してはbootstrapを使っていなかったが、こうすれば幅を狭めた時にズレることなく表示できる。今回の場合は＠のところをfontawsomeのリンクに変えれば表示できる。 とやってみたもののうまくハマ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fhinairo.hatenablog.com%2Fentry%2F2021%2F03%2F28%2F224148" title="3月28日（授業日） - hinairo’s diary" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/h/hinairo/20210328/20210328142639.png Hatena Blog https://hatena.blog 2021-03-28 22:41:48 rich https://hinairo.hatenablog.com/entry/2021/03/28/224148 1.0 100%