Bootstrap sass メディアクエリー

2015年12月13日

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;
	}
}

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;
	}
}