大氣壓我使用COL-LG,COL-MD,COL-SM和COL-XS創建一個新的Twitter的自舉響應列大小
碰巧COL-XS設定爲寬768px,我猜。
如何創建一個新的col-xxs或更小的東西,例如:寬度480px?
大氣壓我使用COL-LG,COL-MD,COL-SM和COL-XS創建一個新的Twitter的自舉響應列大小
碰巧COL-XS設定爲寬768px,我猜。
如何創建一個新的col-xxs或更小的東西,例如:寬度480px?
您可以使用以下來完成此操作。我個人鏈接到引導CDN在我的項目,並保持引導的本地版本,這樣我就可以挖掘到其混入自己網站的特定風格這是我將放在以下...
@media (max-width: $screen-xs-min) {
@include make-grid(xxs);
}
不幸的是@ 4dgaurav的在使用Bootstrap的LESS源代碼時,回答不足以引入新的斷點。有更多的代碼來重寫變量。
如果您使用的少,你可以使用這兩個附加斷點,其工作(測試!):https://github.com/brgrz/bootstrap-breakpoints
HTH
剛把一模一樣的需求,並想知道爲什麼我從未有過的。這是一個相當深入的討論;
https://github.com/twbs/bootstrap/issues/10203
而且我發現最有用的要點是從Jakobud這裏;
https://github.com/twbs/bootstrap/issues/10203/#issuecomment-42162250
Gist;
SCSS:https://gist.github.com/Jakobud/c057577daddbde4dd709
LESS:https://gist.github.com/wdollar/135ec3c80faaf5a821b0
我不能少的版本說,我用無禮的話版本,它一直很好。
我喜歡這種方法,你使用'.hidden-xxs'和'.visible-xxs'的make類嗎? – Lounge9
我手動創建了一些,但是您可以通過查看它們在_reponsive-utilities.scss中執行的操作來引導bootstrap如何處理這些內容。 –