Bootstrap is our go to base theme, but what happens when the grid the client asks for has different width, or more break points? Using Bootstrap-Sass creating a custom grid is possible in a manner that can be copied and adjusted from one project to another. As example for this post, and for your future reference you may follow the live demo and repository that changes Bootstrap to work with five breakpoints (tip: use Resizer for easy viewport resize).
Note that example is using Jekyll for simplicity, however the same technique can be used on Drupal.
is(Intermediate small - because it’s between the extra small
smbreakpoints), which means we can set the cols writing
_grids.scssfile next to your main
styles.scssand include it. Be sure to include it after the
hidden-iswill have the desired effect when the new breakpoint will be used.