Bootstrap has some nice .visible-* (eg. .visible-lg) class utility for selecting what to show or hide depending on the screen size.
.visible-*
.visible-lg
When us
This has been sort of fixed in v3.1.
.visible-lg or .visible-md will force display: block !important; but using .hidden-xs or .hidden-sm will display inline.
.visible-md
display: block !important;
.hidden-xs
.hidden-sm