Bootstrap 4 grid-only css, using bootstrap media queries in my scss style

Question

I'm pretty much new to Bootstrap 4 and Sass\SCSS,I wanted to use the new grid and style the rest of my website on my own using SCSS, so I downloaded bootstrap source, compiled bootstrap-grid.scss (which is only the grid plus some variables and mixins), now the question that pops in my mind is : How do I use bootstrap's media queries screen sizes with my own style? Is there a particular mixin/way to call the breakpoints? Or since I'm using the grid only I have to configure media queries myself?

My idea was that there probably would be a mixin that allows me to do for example :

.my_class {
  color: red;
  +mobile {
  color: blue;
  }
}

Does bootstrap have something like this? I have to do it on my own? How do you proceed when working with the grid only?

Klooven · Accepted Answer · 2017-11-16 21:19:18Z

0

Yep. There's many Sass options in Bootstrap 4. You can read about them in the docs.

answered Nov 16, 2017 at 21:19

Klooven

3,9461 gold badge26 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Bootstrap 4 grid-only css, using bootstrap media queries in my scss style

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related