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

bootstrap breakpoints

Add Answer

decodeup emp answered on April 22, 2020 Popularity 9/10 Helpfulness 2/10

answer bootstrap breakpoints

related breakpoint bootstrap

related bootstrap breakpoints

related bootstrap set breakpoints

related boostrap breakpoints

related Bootstrap breakpoints

related bootstrap breakpoints

bootstrap breakpoints

Comment

// X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// X-Large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... }

// XX-Large devices (larger desktops)
// No media query since the xxl breakpoint has no upper bound on its width

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: getbootstrap.com

Tags: breakpoints whatever

Link to this answer
Share Copy Link

Contributed on May 31 2023

decodeup emp

0 Answers Avg Quality 2/10

Closely Related Answers

breakpoint bootstrap

Comments(2)

// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

Popularity 10/10 Helpfulness 7/10 Language css

Source: getbootstrap.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Apr 22 2020

Victor Grk

0 Answers Avg Quality 2/10

bootstrap breakpoints

Comment

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);

Popularity 10/10 Helpfulness 5/10 Language css

Source: getbootstrap.com

Tags: breakpoints brea

Link to this answer
Share Copy Link

Contributed on Jun 15 2022

Ahmed ElNawawy

0 Answers Avg Quality 2/10

bootstrap breakpoints

Comment

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: breakpoints brea

Link to this answer
Share Copy Link

Contributed on Jul 30 2020

Alert Addax

0 Answers Avg Quality 2/10

bootstrap breakpoints

Comment

####### Bootstrap 5 Breakpoints #######

Breakpoint  	      Class infix 	Dimensions
X-Small	              None	         <576px
Small	              sm	         >=576px
Medium	              md	         >=768px
Large	              lg	         >=992px
Extra large	          xl	         >=1200px
Extra extra large	  xxl	         >=1400px

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: getbootstrap.com

Tags: breakpoints brea

Link to this answer
Share Copy Link

Contributed on Mar 02 2021

Mehedi Islam Ripon

0 Answers Avg Quality 2/10

bootstrap breakpoints

Comment

// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: getbootstrap.com

Tags: breakpoints brea

Link to this answer
Share Copy Link

Contributed on Aug 28 2020

Depressed Deer

0 Answers Avg Quality 2/10

bootstrap set breakpoints

Comment

$grid-breakpoints: (
  xs: 0,
  sm: 600px,
  md: 800px,
  lg: 1000px,
  xl: 1280px
);

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: breakpoints brea

Link to this answer
Share Copy Link

Contributed on Feb 03 2021

Crazy Caracal

0 Answers Avg Quality 2/10

boostrap breakpoints

Comment

/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

 /* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

 /* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

 /* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

Popularity 10/10 Helpfulness 3/10 Language css

Source: getbootstrap.com

Tags: breakpoints brea

Link to this answer
Share Copy Link

Contributed on Apr 18 2022

zihad hassan

0 Answers Avg Quality 2/10

Bootstrap breakpoints

Comment

@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }

Popularity 10/10 Helpfulness 2/10 Language css

Source: getbootstrap.com

Tags: breakpoints brea

Link to this answer
Share Copy Link

Contributed on Sep 12 2022

HxnRxa

0 Answers Avg Quality 2/10

bootstrap breakpoints

Comment


// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large deskto

Popularity 10/10 Helpfulness 2/10 Language css

Source: Grepper

Tags: breakpoints brea

Link to this answer
Share Copy Link

Contributed on Oct 19 2022

Andomi

0 Answers Avg Quality 2/10

bootstrap breakpoints

Contents

More Related Answers

bootstrap breakpoints

Closely Related Answers

breakpoint bootstrap

bootstrap breakpoints

bootstrap breakpoints

bootstrap breakpoints

bootstrap breakpoints

bootstrap set breakpoints

boostrap breakpoints

Bootstrap breakpoints

bootstrap breakpoints

Grepper

Documentation

Social

Legal

Contact

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