web-dev-qa-db-ja.com

ブートストラップ:WYSIWYGテキスト形式のレスポンシブテーブル

テキスト形式としてWYSIWYGを使用しており、MYSIWYGを使用してファイルの下に挿入されたテーブルが応答しないため、サイトが応答しなくなります。

それは携帯電話で本当に悪く見えます。

テーブルのないウェブサイト:enter image description here

テーブルのあるウェブサイト:enter image description here

私がこれまでに試したがうまくいかなかったもの:

  1. Zurbレスポンシブテーブル
  2. レスポンシブテーブルフィルター
  3. レスポンシブテーブル
  4. WYSIWYGでテーブルを追加した後、テキスト形式をフルHTMLに変更しましたが機能しませんでした
1
Yama

オプション1:レスポンシブテーブルを使用する

テーブルの列をより詳細に制御するには、 Responsive Tables モジュールを使用します。それについてのいくつかの詳細(そのプロジェクトページから):

ライブラリを追加して、レスポンシブレイアウトでテーブルがより適切に機能できるようにします。

ライブラリは、サイトの任意のテーブルに手動で追加できます。また、Better Views Tablesモジュールを使用して、Views UIからレスポンシブテーブルコントロールを構成することもできます。

オプション2:レスポンシブテーマを使用する

(人気のある) Omega または Zen テーマなどのレスポンシブテーマの使用を検討する必要があります。 Beep Edition "theme"もあります。これは(プロジェクトページからの引用) "がモバイルファーストのレスポンシブテーマとして最初から設計されています "。しかし、それは5つのモジュール依存関係を持っています...

よりレスポンシブな(あまり知られていない)レスポンシブテーマのリストについては、 26 More of the Best Responsive Drupal Themes を参照してください。このリンクからの引用:

これらすべての無料のDrupalテーマにはレスポンシブレイアウトがあり、Bootstrapフレームワーク、Google Fonts、スライダー、Font Awesomeアイコン、Facebook統合、ソーシャルなどの優れた機能が含まれていますネットワークアイコンなど。

1
Pierre.Vriens