Bagaimanakah Saya Boleh Memanjangkan Baris Bootstrap Melebihi Bekasnya?

Lanjutkan Baris Bootstrap di Luar Bekas

Dalam Bootstrap, elemen terkandung dalam baris yang ditakrifkan dalam kelas .container. Walau bagaimanapun, mungkin terdapat kes di mana anda perlu memanjangkan baris melebihi bekas.

Satu kaedah untuk mencapai ini ialah dengan menggunakan elemen pseudo CSS. Cipta elemen ::before untuk lajur kiri (kelas kiri) yang sepadan dengan ketinggiannya. Elemen ini akan memanjang ke kiri.

.left:before {
    left: -999em;
    background: red;
    content: '';
    display: block;
    position: absolute;
    width: 999em;
    top: 0;
    bottom: 0;
}

Pendekatan lain ialah menggunakan .bekas-bendalir berkedudukan mutlak di belakang kandungan .bekas. Bekas "hantu" ini akan memanjangkan lebar baris.

.abs {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

Penyelesaian ini membolehkan anda memanjangkan baris melepasi bekas, memberikan fleksibiliti dalam reka bentuk anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memanjangkan Baris Bootstrap Melebihi Bekasnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!