.visible-desktop などの Twitter Bootstrap レスポンシブ ユーティリティ クラスはどのように使用されることになっていますか。Bootstrap Web サイトの例に従おうとしましたが、
<span class="visible-desktop">✔ Desktop</span>
このようなイメージで、
<span class="visible-desktop">
<img src="<%=(image_path('green.jpg'))%>"></img>
</span>
しかし、ブラウザー ウィンドウをタブレットまたは電話のサイズに縮小すると、画像は残ります。
これは、ブートストラップ 3.1 でこれらを使用する方法を説明する素晴らしい図です。
これは私のために働く -
次のように、クラスに.hidden-phoneand.hidden-tabletを追加してみてください。span
<span class="visible-desktop hidden-phone hidden-tablet"> </span>
コードをコピーして貼り付けましたか? 誤字脱字あるから…
<span class="visable-desktop">
する必要があります
<span class="visible-desktop">
すべての依存関係が配置され、正しく参照されている場合 (CSS ファイルなど) 、クラス.visible-desktopはタブレットや携帯電話に表示されません。
Bootstrap 自身の入門ドキュメントのこのセクションでは、実際の例を見ることができます: http://twitter.github.com/bootstrap/scaffolding.html#responsive
非常に単純なタグにクラスを適用してみて、最初にそれが機能するかどうかを確認してください。そうでない場合、他のタグでは機能しません。:)
幸運を！