[Bootstrap] グリッドを使う時に、col-xs-○が反映されない
グリッドを使う時に、col-xs-○が反映されないという問題が発生。 原因 Bootstrap4から、Extra smallサイズの書き方が変わったのが原因だった。 Bootstrap3までは、「col-xs-○」の書き...
グリッドを使う時に、col-xs-○が反映されないという問題が発生。 原因 Bootstrap4から、Extra smallサイズの書き方が変わったのが原因だった。 Bootstrap3までは、「col-xs-○」の書き...
CSSでレスポンシブサイトを作る時に用意すべきステップを整理。 CSSでウェブサイトをレスポンシブ対応にするためには、ブレイクポイントを作成する必要がある。 そもそもブレイクポイントとは? ブレイクポイントとは、PCのデ...
CSSを使って、HTMLサイトのレスポンシブ対応の時にHTML構造のdiv要素の順番を入れ替えるやり方を整理する。 スマホ対応のサイトを作る時、レスポンシブの時だけHTMLのdiv要素の順番が入れ替わってしまう問題を解決...
横幅がスマホサイズになった時にヘッダーメニューをアイコンに変えて、レスポンシブ用のヘッダーメニューにするやり方を説明する。 完成のイメージ 完成系は下。ある幅までいくと、ヘッダーメニューが3本線のアイコンに変化する。 f...