简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
"Bootstrap 5 - Elemen penjajaran margin di dalam dan di luar akordion"
P粉834840856
P粉834840856 2023-08-31 12:54:27
0
1
516

Saya cuba menjajarkan tiga grid Bootstrap 5:

  • Tajuk di luar akordion
  • Gambaran keseluruhan dalam tajuk akordion
  • Butiran dalam kandungan akordion

Tajuk panel akordion mempunyai jidar/pelapis kiri dan kanan, dan ikon akordion mengambil sedikit ruang juga.

Saya mahu tajuk dan grid butiran menggunakan "margin" yang sama seperti grid gambaran keseluruhan.

Saya cuba menambah lajur dengan pelapik, seperti "ps-4 pe-4", tetapi saya hanya mendapat penjajaran anggaran yang terbaik. 

.colored-bg1 { latar belakang: kelabu muda } .colored-bg2 { latar belakang: kuning muda }
        Bootsrap 5 akordion 

  
 
 
Lajur 1 pengepala
 
Pengepala Lajur 2
 
Pengepala Lajur 3
 
 
 
 
 
  
 
 
 
 
 
Butiran lajur 1
 
Butiran lajur 2
 
Butiran lajur 3
 
 
 
Butiran lajur 1
 
Butiran lajur 2
 
Butiran lajur 3
 
 
 
 
 
 
 & lt; skrip src = "https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" tiaxvxm "crossorigin ="anonymous">

P粉834840856
P粉834840856

membalas semua (1)
P粉447495069
P粉4474950692023-09-01 10:56:13 Tingkat 1

Bahagian gambaran keseluruhan dan butiran sudah menggunakan padding yang sama. Tambahkan div pembalut di sekeliling tajuk di atas akordion dan berikannya padding yang sama seperti bahagian gambaran dan butiran, iaitu padding: 1rem 1.25rem;

 
 
 
Column 1 header
 
Column 2 header
 
Column 3 header
Suka+0
Tambah Balasan
    Topik popular
    Lagi>
    Artikel popular
    Tutorial Popular
    Lagi>
    Tutorial berkaitan
    Cadangan popular
    Kursus terkini
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！