How to write styles for different screens when using bootstrap?

Question

css

I'm doing a project using bootstrap, using only the grid from the scss sources. In projects without this grid, I used these mixins for all screens:

$break_xl: 1200px;
@mixin xl-block(){
  @media screen and (min-width: $break_xl){
    @content;
  }
}

The question is how to correctly write your styles for different screens using bootstrap? Are there any mixins in bootstrap for this or do I need to write media queries / my own mixins with pens?

Answer 1

https://getbootstrap.com/docs/4.1/layout/overview/...