0

Twitter Bootstrap で列をスタック可能にするために、すべてのテーブルを div に置き換えようとしています。このように、バックエンドで Tinymce を使用してテーブルを簡単に作成できますが、レスポンシブ デザインが損なわれることはありません。Zurb レスポンシブ テーブルは、それをカットしません。

問題は、ブートストラップ div が 12 列 (span5、span7 など) の合計幅に基づいているため、テーブルの列が増減するたびに div クラスを変更する必要があることです。テーブル内の列の数を数え、コンテンツを並べ替えながら適切なクラスの div に置き換えることができる JS が必要だと考えています。たとえば、2 列のテーブルの場合、クラスは「span6」になります。4 列のテーブルの場合、「span3」になります。クラス「行」の div に置き換えられるテーブル タグ

これは私のJSの知識をはるかに超えています.wysiwygでバックエンドを簡単に編集できる、よりエレガントなソリューションを誰かが貸してくれますか?

4

1 に答える 1