在學(xué)習(xí)bootstrap時(shí),學(xué)習(xí)了頁面布局container類,這個(gè)類用于固定寬度并支持響應(yīng)式布局,查看源碼時(shí)是這么寫的.container?{
??padding-right:?15px;
??padding-left:?15px;
??margin-right:?auto;
??margin-left:?auto;
}
@media?(min-width:?768px)?{
??.container?{
????width:?750px;
??}
}
@media?(min-width:?992px)?{
??.container?{
????width:?970px;
??}
}
@media?(min-width:?1200px)?{
??.container?{
????width:?1170px;
??}
}對于其中的width: 1170px;不理解,在學(xué)習(xí)CSS時(shí)如果是#divdemo?{
width:?1170px;
}這個(gè)應(yīng)該是設(shè)置的內(nèi)容的寬度,而div的實(shí)際寬度還要加上padding,但是bootstrap中設(shè)置的width按照效果來看,直接將div的寬度設(shè)置上了1170px,和CSS有悖,不知道這一塊如何解釋? ? ? ? ? ?
關(guān)于BootStrap的container類的三個(gè)寬度設(shè)定問題
慕蓋茨7059572
2018-12-06 23:57:11