在學習bootstrap時,學習了頁面布局container類,這個類用于固定寬度并支持響應式布局,查看源碼時是這么寫的.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;不理解,在學習CSS時如果是#divdemo?{
width:?1170px;
}這個應該是設置的內容的寬度,而div的實際寬度還要加上padding,但是bootstrap中設置的width按照效果來看,直接將div的寬度設置上了1170px,和CSS有悖,不知道這一塊如何解釋? ? ? ? ? ?
關于BootStrap的container類的三個寬度設定問題
慕蓋茨7059572
2018-12-06 23:57:11