Bootstrap sass メディアクエリー

01
02
03
04
05
06
07
08
09
10
11
12
13
14
p{
  @media (max-width: $screen-xs-max) {
  color:red;
  }
  @media (min-width: $screen-sm-min) {
  color:gold;
  }
  @media (min-width: $screen-md-min) {
  color:blue;
  }
  @media (min-width: $screen-lg-min) {
  color:pink;
  }
}

01
02
03
04
05
06
07
08
09
10
11
12
13
14
p{
  @media (max-width: $screen-xs-max) {
  color:red;
  }
  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
  color:gold;
  }
  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
  color:blue;
  }
  @media (min-width: $screen-lg-min) {
  color:pink;
  }
}
PAGE TOP