Drupal サイトのテーマ設定には、カスタマイズされた twitter ブートストラップ フレームワークを使用しました。それは私に2つのファイルを与えました
bootstrap.css
bootstrap.min.css.
シンプルなテーマ (Drupal ではない) をアップロードすると、タブレットでレスポンシブな動作が表示されました。同じテーマを Drupal に変換しました。コンピューターでブラウザーのサイズを変更すると、drupal サイトは応答性の高い動作を示します。しかし、タブレットでサイトにアクセスすると、レスポンシブではなく、通常の Web サイトとして表示されます。
これは、theme.info 内の css ファイルの階層です。
stylesheets[all][] = css/bootstrap.css
stylesheets[all][] = css/bootstrap.min.css
stylesheets[all][] = css/custom.css
どこが間違っていますか？前もって感謝します。
まず、両方のファイルを含める必要はありません。
次に、いくつかのクラスを使用して動作をレスポンシブにする必要があります。私の知る限り、ブートストラップ自体が応答性をサポートしているため、ブートストラップ応答ファイル (専用ファイル) はありません。
たとえば、テーブルをレスポンシブにしたい場合は、class="table-responsive" を他のクラスと一緒に使用します。ボタンをレスポンシブにしたい場合は、class=" col-lg-* col-md-* col-sm-* col-xs-*" を使用します。ここで、* は 1 から 12 までの数字の範囲を表します。これはグリッド システムと呼ばれます。
レスポンシブ スタイルシートは含めず、メインのブートストラップ スタイルシート ( bootstrap.css、開発に使用) と縮小バージョン ( bootstrap.min.css、本番用のユーザー) を含めているだけです。スタイルシートを削除してbootstrap.css、レスポンシブ シートをbootstrap-responsive.css.