title: Bootstrap radios horizontal when sm or larger, vertical when xs
body: <p>From the <a href="http://getbootstrap.com/css/#checkboxes-and-radios" rel="nofollow">BS docs</a> for styling checkboxes and radios, I want to have my radios arranged horizontally when sm or larger and arranged vertically when xs. I don't see a good way to do this based on the BS link provided above. The html for horiz and vert radios is different enough that I might have to use jquery to manipulate, but would prefer not to (change divs to inline, update label class). Suggestions appreciated</p>