/CSS/Bootstrap/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

4 votes413 views1 answer
Bootstrap file select class
CSS Bootstrap
145 votes435 views6 answers
Add bootstrap to react
CSS Bootstrap
2 votes416 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
24 votes410 views5 answers
Open bootstrap modal with javascript
Javascript Bootstrap
1 vote406 views1 answer
Change order columns bootstrap
CSS Bootstrap
5 votes399 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
0 vote418 views1 answer
How to change tab color react bootstraps customixation
Javascript Bootstrap
126 votes495 views5 answers
React Bootstrap css import
CSS Bootstrap
4 votes382 views4 answers
Bootstrap modal popup disable click outside
Javascript Bootstrap
116 votes432 views6 answers
Bootstrap react
Javascript Bootstrap