Bootstrap 3.1 visible-xs and visible-sm not working together

If you want to show it at multiple sizes, don’t use visible-* but instead hide the other sizes you don’t want with hidden-*.
In this case: hidden-md hidden-lg