-1
Q
引導網格系統問題
A
回答
0
嘗試使用clearfix
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><img src="//placehold.it/150x200" class="img-responsive"></div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><img src="//placehold.it/150x100" class="img-responsive"></div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><img src="//placehold.it/150x100" class="img-responsive"></div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><img src="//placehold.it/150x100" class="img-responsive"></div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><img src="//placehold.it/150x100" class="img-responsive"></div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><img src="//placehold.it/150x100" class="img-responsive"></div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><img src="//placehold.it/150x100" class="img-responsive"></div>
</div>
</div>
0
你可以網格組件中嵌套網格組件,如在plunkr
<div class="container">
<!---Main seperation 4 cols-->
<div class="col-sm-4">
<div class=col-sm-12>
<img src="//placehold.it/150x300">
</div>
</div>
<!---Main seperation 8 cols-->
<div class="col-sm-8">
<div class="row">
<div class="col-sm-3 "><img src="//placehold.it/150x100"></div>
<div class="col-sm-3 col-sm-offset-1 "><img src="//placehold.it/150x100"></div>
<div class="col-sm-3 col-sm-offset-1"><img src="//placehold.it/150x100"></div>
</div>
<div class="row" style="margin-top: 15px; margin-bottom: 15px">
<div class="col-sm-3 "><img src="//placehold.it/150x100"></div>
<div class="col-sm-3 col-sm-offset-1 "><img src="//placehold.it/150x100"></div>
<div class="col-sm-3 col-sm-offset-1"><img src="//placehold.it/150x100"></div>
</div>
<div class="row" >
<div class="col-sm-3 "><img src="//placehold.it/150x100"></div>
<div class="col-sm-3 col-sm-offset-1 "><img src="//placehold.it/150x100"></div>
<div class="col-sm-3 col-sm-offset-1"><img src="//placehold.it/150x100"></div>
</div>
</div>
</div>
相關問題
- 1. 如何解決這個網格系統問題在引導
- 2. BootStrap網格系統問題
- 3. 響應表或引導網格系統
- 4. 引導網格系統隱式行爲
- 5. 引導4網格問題
- 6. 引導網格問題
- 7. CSS 960網格系統佈局問題
- 8. <legend>引導中的標籤和網格系統造型問題4
- 9. 引導網格系統穿透trought貼導航欄
- 10. 960網格系統 - 網格嵌套佈局有問題
- 11. 引導3.0網格新手問題
- 12. 引導網格對齊問題
- 13. alvarotrigo.com/fullPage/和引導3網格問題
- 14. 引導網格和行對齊問題
- 15. 引導網格系統不會在模態對話框
- 16. 引導4.0網格系統佈局不起作用
- 17. 如何使用wordpress循環與網格系統引導?
- 18. 引導網格系統2項在xs屏幕
- 19. 實現網格系統的引導模式窗體
- 20. 引導中的網格系統無法正常工作
- 21. 引導程序4 Beta 0網格系統上的Rowspan
- 22. 多個選擇標籤和引導CSS網格系統
- 23. 引導網格系統有條件柔性山坳寬度
- 24. 引導 - 網格系統 - 修正了高度發出
- 25. 如何用14列創建引導網格系統?
- 26. 自舉網格與引導輪播搞砸了,引導輪播打擾網格系統
- 27. Css網格系統
- 28. 關於網格系統的疑問
- 29. 填充/寬度問題 - 我可以在網格系統中使用盒子尺寸960網格系統?
- 30. 當前網絡AI系統的問題