html5 - Beberapa soalan dalam pengenalan kepada bootstrap
滿天的星座
滿天的星座 2017-05-16 13:42:55
0
1
914

Saya baru melihat ayat ini:
Dengan menetapkan atribut padding untuk "lajur", anda boleh mencipta jurang (longkang) antara lajur. Dengan menetapkan margin negatif untuk elemen .row untuk mengimbangi set padding untuk elemen .container, padding secara tidak langsung diimbangi untuk "lajur" yang terkandung dalam "baris".
Saya tidak begitu faham maksudnya. Adakah terdapat penjelasan atau contoh yang lebih mudah? ?

滿天的星座
滿天的星座

membalas semua(1)
淡淡烟草味

Nilai margin negatif baris adalah terutamanya untuk menghapuskan jidar unsur dan bekas lajur paling kiri dan kanan

Anda boleh membaca teks asal (http://getbootstrap.com/css/#...)

Lajur mencipta longkang (jurang antara kandungan lajur) melalui padding yang
padding diimbangi dalam baris untuk lajur pertama dan terakhir melalui negatif
margin pada .rows.

.

Kami tahu bahawa susunan penggunaan grid dalam bootstrap ialah bekas ->

Takrif css mereka:

.container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
}

.col-*-* {
    padding-right: 10px;
    padding-left: 10px;
}
Jika tiada offset margin negatif, akan ada jurang sebelum dan selepas anda boleh keluarkan margin negatif sendiri dan bandingkan untuk melihat perbezaannya

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan