/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 votes234 views1 answer
Bootstrap file select class
CSS Bootstrap
0 vote237 views1 answer
Datepicker select date programmatically bootstrap
Javascript Bootstrap
0 vote230 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap
0 vote224 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
20 votes250 views2 answers
Bootstrap screen sizes
CSS Bootstrap
0 vote227 views1 answer
Bootstrap tabs click event jquery
Javascript Bootstrap
13 votes228 views2 answers
Bootstrap Aligning images
CSS Bootstrap
0 vote237 views1 answer
Bootstrap not working in print
Javascript Bootstrap
0 vote231 views2 answers
Datatable buttons bootstrap 4
Javascript Bootstrap
35 votes242 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap