/CSS/React bootstrap css module use media query mixin

React bootstrap css module use media query mixin

/* when using webpack and bootstrap is installed via yarn/npm*/
@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
@import '~bootstrap/scss/mixins/_breakpoints';

.someClass {
  @include media-breakpoint-up(md) {
  	/* your styles to be applied on medium screens and up */
  }
}

Similar codes

14 votes162 views5 answers
Input number hide arrows
CSS
11 votes142 views2 answers
Css line-clamp
CSS
60 votes157 views3 answers
Media query for mobile view css
CSS
3 votes132 views1 answer
Css sass compile run
CSS
0 vote147 views1 answer
How to add a pure css loading spinner
CSS
2 votes148 views1 answer
Css rounded corners at top only
CSS
0 vote138 views1 answer
Switch css with text
CSS
6 votes149 views2 answers
How to make all the columns equal size with flexbox
CSS
0 vote186 views1 answer
Hiden file upload button css
CSS
0 vote147 views1 answer
Media-queries
CSS