Bagaimana untuk Mencapai Offset Lajur yang Diingini dalam Bootstrap 4.0.0-beta?

Patricia Arquette
Lepaskan: 2024-11-09 08:26:02
asal
665 orang telah melayarinya

How to Achieve Desired Column Offsets in Bootstrap 4.0.0-beta?

Dilema Mengimbangi Lajur Bootstrap Selesai

Dalam Bootstrap v4.0.0-beta, offset-md- yang digunakan sebelum ini * kelas untuk ofset lajur telah dialih keluar. Dokumentasi mencadangkan menggunakan .ml-auto sebaliknya. Walau bagaimanapun, pendekatan ini menghasilkan tingkah laku yang tidak dijangka, mengimbangi lajur sebanyak empat dan bukannya amaun yang dimaksudkan.

Percanggahan timbul daripada sistem susun atur berasaskan flexbox baharu dalam Bootstrap 4. Kelas offset tidak lagi relevan kerana fleksibiliti lajur. Untuk mencapai ofset tersuai, pertimbangkan penyelesaian berikut:

  1. Lajur Pemegang Tempat:

    • Tambah lajur tiruan saiz ofset yang diingini ke cipta ruang untuk lajur offset anda.
  2. Jing Auto (ml/mr-auto):

    • Pusat berbilang lajur: Bahagikan lajur offset anda dengan dua dan gunakan ml-auto dan mr-auto pada setiap lajur.
    • Pusat satu lajur: Gunakan mx-auto untuk mencipta sama rata margin pada kedua-dua belah pihak.

Perubahan Akan Datang:
Adalah penting untuk ambil perhatian bahawa ofset lajur tertentu akan diperkenalkan semula dalam Beta 2 Bootstrap 4. Ini akan memulihkan keupayaan untuk menggunakan kelas seperti offset-md-2 untuk mencapai anjakan lajur yang tepat.

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Offset Lajur yang Diingini dalam Bootstrap 4.0.0-beta?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan