Bolehkah Kelas Tolak/Tarik Digunakan untuk Menyusun Semula .col-*-12 Lajur dalam Bootstrap?

Menukar Susunan Lajur dengan Tekan/Tarik Bootstrap untuk .col-*-12 Lajur

Isu:

Anda sasarkan untuk menyusun semula dua lajur bersaiz sama (.col-xs-12) dalam Bootstrap pada peranti mudah alih, membalikkan susunannya, menggunakan arahan tolak/tarik. Walau bagaimanapun, anda mempersoalkan sama ada pendekatan ini berdaya maju untuk lajur bersaiz ini.

Penyelesaian:

Had Tekan/Tarik:

Arahan tolak dan tarik direka untuk mengubah susunan lajur untuk saiz skrin yang berbeza, tetapi ia mempunyai had. Menyusun semula lajur yang menduduki keseluruhan grid 12 lajur (.col-*-12) tidak boleh dilaksanakan dengan pembantu ini.

Pendekatan Alternatif:

1. Susun Semula Susunan HTML: Anda boleh menyusun semula susunan lajur secara manual dalam HTML dan menggunakan kelas tolak/tarik pada skrin yang lebih luas untuk mengekalkan reka letak yang diingini.

2. Tipu Transformasi CSS:

   • Laksanakan transformasi CSS pada bekas baris untuk membalikkan tertib lajur dengan berkesan.
   • Pastikan penjajaran mendatar yang betul dengan menggunakan pengubah arah bersama-sama dengan transformasi.
   • Ambil perhatian bahawa perubahan disokong dalam IE9 dengan awalan vendor.

Atas ialah kandungan terperinci Bolehkah Kelas Tolak/Tarik Digunakan untuk Menyusun Semula .col-*-12 Lajur dalam Bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!