Boostrap sass break points

breakpoints

div{
  @media (min-width: $screen-xs) { // Mobile portrait < 480px
      border: 1px solid yellow;
  }
  
  @media (min-width: $screen-sm-min) { // Mobile landscape / Tablet portrait < 768px
      border: 1px solid green;
  }
  
  @media (min-width: $screen-md-min) { // Tablet landscape < 992px
      border: 1px solid blue;
  }
  
  @media (min-width: $screen-lg-min) { // Descktops etc > 1200px
      border: 1px solid red;
  }
}