つい忘れてしまうメディアクエリ(Media Queries)の以下と以上や文字列によるCSSの適用

横幅を条件にしてCSSの適用

「max-width」: 表示領域の最大幅。この横幅以下の場合にのみ適用。

 

「mix-width」: 表示領域の最小幅。この横幅以上の場合にのみ適用。

 

andを使って、最大幅と最小幅を両方指定。

 

クラス・id 名に特定文字列を含む要素を指定する方法

クラス名に 「col-sm が含まれる」

 

前方一致 + 部分一致

クラス名 「col-sm ではじまる」

 

Bootstrap 4で「col-sm-※」が1カラムになったときに下側にマージンをつけたい。

 

スポンサーリンク