いつもお世話になっております。
bootstrapのrowとcontainerに関して聞かせてください。
cdnにあるbootstrapのソースコードを読んでいると以下のように、
containerに左右のpaddingを15pxつけており、
grid layoutを作るときに必須な.rowクラスにはマイナスのpaddingをつけているものを目にします。
css
1.container { 2 padding-right: 15px; 3 padding-left: 15px; 4 margin-right: auto; 5 margin-left: auto; 6} 7@media (min-width: 768px) { 8 .container { 9 width: 750px; 10 } 11} 12@media (min-width: 992px) { 13 .container { 14 width: 970px; 15 } 16} 17@media (min-width: 1200px) { 18 .container { 19 width: 1170px; 20 } 21} 22.container-fluid { 23 padding-right: 15px; 24 padding-left: 15px; 25 margin-right: auto; 26 margin-left: auto; 27} 28.row { 29 margin-right: -15px; 30 margin-left: -15px; 31}
これは一体なぜなのでしょうか?
なぜマイナスのマージンで相殺しているのかがわかりません。
よろしくお願い致します。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。