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

Question

I have a div that I want to show on sm and xs devices, it looks like this:

Answer 1

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