<p dir="auto">While combining visible-xs and visible-sm classes, only the visible-sm class works and on mobile resolution element is not visible.<br>
Tested in clean environment using Bootstrap 3.1.0 / jQuery 1.11.0.<br>
I immediately noticed the it after upgrading, on 3.0.2 everything was fine.<br>
It seems there was a specific selector in 3.0.2 which is now removed.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/e5d6246e94dfaf80e3d7eebbb77b7ce2e1af5ec5ca6a6c4e6efd2d83165bd0be/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313131353830302f323036383536322f37616663303930362d386430632d313165332d383265382d6431363064336432616436312e6a7067"><img src="https://camo.githubusercontent.com/e5d6246e94dfaf80e3d7eebbb77b7ce2e1af5ec5ca6a6c4e6efd2d83165bd0be/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f313131353830302f323036383536322f37616663303930362d386430632d313165332d383265382d6431363064336432616436312e6a7067" alt="vis" data-canonical-src="https://f.cloud.github.com/assets/1115800/2068562/7afc0906-8d0c-11e3-82e8-d160d3d2ad61.jpg" style="max-width: 100%;"></a></p>
<p dir="auto">HTML code in question:<br>
<code class="notranslate">&lt;div class="visible-xs visible-sm"&gt;xs + sm&lt;/div&gt;</code></p>
<p dir="auto"><a href="https://dl.dropboxusercontent.com/u/37682778/error/index.html" rel="nofollow">https://dl.dropboxusercontent.com/u/37682778/error/index.html</a></p>