Breaking News: Grepper is joining You.com. Read the official announcement!

bootstrap media query

Drab Dormouse answered on October 2, 2020 Popularity 10/10 Helpfulness 5/10

answer bootstrap media query

related bootstrap media queries

bootstrap media query

Comment

// `xs` returns only a ruleset and no media query
// ... { ... }

// `sm` applies to x-small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// `md` applies to small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// `lg` applies to medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// `xl` applies to large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// `xxl` applies to x-large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... }

Popularity 10/10 Helpfulness 5/10 Language css

Source: getbootstrap.com

Tags: css media

Link to this answer
Share Copy Link

Contributed on Aug 09 2022

Drab Dormouse

0 Answers Avg Quality 2/10

Closely Related Answers

bootstrap media queries

Comment

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}

Popularity 10/10 Helpfulness 10/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Oct 02 2020

Thoughtful Turkey

0 Answers Avg Quality 2/10

bootstrap media queries

Comment

@include media-breakpoint-up(lg){
	.class {
		key: value;
	}
}
@include media-breakpoint-down(lg){
	.class {
		key: value;
	}
}
@include media-breakpoint-between(xs, xl) {
	.class {
		key: value;
	}
}
@include media-breakpoint-only(lg){
	.class {
		key: value;
	}
}

Popularity 10/10 Helpfulness 2/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Jan 11 2022

Ivan Cuaco

0 Answers Avg Quality 2/10

bootstrap media query

Contents

More Related Answers

bootstrap media query

Closely Related Answers

bootstrap media queries

bootstrap media queries

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.