I’m confused about how to get bootstrap grid to respond to different screen sizes with varying col-sz-* configurations.
Essentially, I want my “Connect” section to:
col-sm-1on larger screens (where the middle column is what contains the actual content)
The purpose is just to create some responsive margin: to help viewers avoid having to read a sentence across an entire desktop screen, etc, but be able to read across entire width on smaller devices).
Maybe there’s a better way to do this than using the grid, but it’s my understanding that this is bootstrap best practice.
Here’s my pen: http://codepen.io/kris-lyle/pen/WpRoOW?editors=1100