What do you want to save?
Add Code snippet
New code examples
-
Other 2022-03-16 16:10:45
bootstrap container
// 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) @me... Add solution -
CSS 2022-02-01 03:21:57
breakpoint bootstrap
// 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) @me... Add solution -
CSS 2022-01-22 02:31:36
bootstrap container
// 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) @me... Add solution -
CSS 2021-11-12 21:02:11
media breakpoints
// Extra small devices (portrait phones, less than 576px) @media (max-width: 575.98px) { ... } // Small devices (landscape phones, 576px and up) @media (min-width: 576px) and (max-width: 767.98px) { ... } // Medium devices (tablets, 768px and up) @media... Add solution -
CSS 2021-11-11 03:19:20
media query in scss
/* BOOSTRAP MEDIA BREAKPOINTS */ /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { .selector { background-color:#f00; } } /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */ @me... Add solution -
CSS 2021-10-28 22:13:06
bootstrap 4 mobile media query
// Extra small devices (portrait phones, less than 576px) @media (max-width: 575.98px) { ... } // Small devices (landscape phones, 576px and up) @media (min-width: 576px) and (max-width: 767.98px) { ... } // Medium devices (tablets, 768px and up) @media... Add solution -
CSS 2021-10-11 22:16:12
breakpoint css
/* BOOSTRAP MEDIA BREAKPOINTS */ /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { .selector { background-color:#f00; } } /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */ @me... Add solution -
Other 2021-10-04 07:36:03
responsive web design
// 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... Add solution -
Other 2021-10-04 06:08:02
media query bootstrap 5
// Extra small devices (portrait phones, less than 576px) @media (max-width: 575.98px) { ... } // Small devices (landscape phones, 576px and up) @media (min-width: 576px) and (max-width: 767.98px) { ... } // Medium devices (tablets, 768px and up) @media... Add solution -
Other 2021-09-30 20:48:01
bootstrap set breakpoints
/* Answer to: "bootstrap media queries" */ /* Since Bootstrap is developed to be mobile first, the use a handful of media queries to create sensible breakpoints for their layouts and interfaces. These breakpoints are mostly based on minim... Add solution