Bootstrapでスマホだけコンテンツを隠したい

PCでは便利なブラウザ上の情報でも、スマホからアクセスする時は非表示にしたい。Bootstrap3ではclassにhidden-smを指定すると消せられる………はずなんだけど消えなかった。

<div class="panel panel-primary hidden-sm">

試しにhidden-lgを指定したらPCブラウザ上ではちゃんと消えた。

<div class="panel panel-primary hidden-lg">

そこでvisible-lgを指定したらPCブラウザ上では見えて、スマホブラウザではちゃんと消えた。

<div class="panel panel-primary visible-lg">