0
A
回答
0
總結回答:
您可以編寫媒體查詢同樣喜歡
@media (max-width: 400px) { .col-xs-4{ //Write your own css } }
它只會覆蓋在你的像素是小於400像素,這是你需要什麼,寫你的當尺寸小於400px時自定義代碼
0
在使用引導時編寫正常的html和css。並添加額外的媒體查詢一些自定義列。
@media (min-width: 400px) and (max-width: 768px) {
.row .col-xss-6 {
width: 50%;
}
}
/*for demo */
[class*="col-"] {
border: 1px solid #f00;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-xss-6">
on lowest width, it would be 100% while on other it would be 50% upto 768px .col-xss-6 will overwrite the default width property, but will take float:left, padding-left:15px;padding-right:15px and other imp. properties from col-xs-12 itself. */
</div>
</div>
<div class="row">
<div class="col-xs-12">
this is without col-xss-6, so it will have default bootstrap properties.
</div>
</div>
</div>
相關問題
- 1. Bootstrap - reorder cols
- 2. Bootstrap cols行爲
- 3. Bootstrap multiple cols not working
- 4. Bootstrap - 如何使用cols?
- 5. Dynamic Select Boxes half half
- 6. bootstrap visable-xs不工作
- 7. Bootstrap表僅縮寫爲xs
- 8. Bootstrap 4 flex不支持xs
- 9. col-xs-0 Not Working Bootstrap
- 10. 我如何用div來包裝bootstrap cols?
- 11. Bootstrap 4 beta - cols計算不正確
- 12. 如何對齊像這樣的bootstrap cols
- 13. 使用Bootstrap cols的Rowspan等價物?
- 14. bootstrap cols沒有排在div的中間
- 15. 通過wp-admin添加bootstrap行和cols
- 16. 創建節點模塊half-native half-js
- 17. bootstrap兩個col-sm,但兩行xs
- 18. Bootstrap網格將無法使用xs列
- 19. 覆蓋bootstrap hidden-xs媒體查詢
- 20. Bootstrap重新排序col-xs-12
- 21. 如何將col-xs-12放在bootstrap中?
- 22. bootstrap col-xs使內容不可見
- 23. Bootstrap 3可見-xs類移位柵格
- 24. `col-xs- *`不能在Bootstrap中工作4
- 25. Bootstrap col-xs- *無法正常工作
- 26. Bootstrap 3 hidden-xs使行變窄
- 27. Bootstrap XS中的DropDownList無法打開
- 28. 使用CSS創建Half Circle Bootstrap Sidebar菜單是否可行?
- 29. java.lang.NoSuchFieldError的:HALF誤差DL4J
- 30. 需要爲每個cols設置col-lg - ** col-md - ** col-sm - ** col-xs - **嗎?
您可以編寫媒體查詢同樣喜歡@media(最大寬度:400像素){ .COL-XS-4 {// 寫自己的CSS }} –
@MandeepSingh但是,這將覆蓋每個col-xs-4類! – Jobter
只有當像素小於400像素時纔會覆蓋,這就是您所需要的,當尺寸小於400像素時編寫自定義代碼 –