0
A
回答
0
列數必須是每一行class.also圖像使用IMG響應類12。 http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp
請檢查該codepan codepen.io/payalpatel2299/pen/dOaLgd
0
每個class="row"
間段的總和應該是12.請注意下面的代碼...
<div class="row">
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
<div class="col-md-1">.col-md-1</div>
</div>
<div class="row">
<div class="col-md-8">.col-md-8</div>
<div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
<div class="col-md-4">.col-md-4</div>
<div class="col-md-4">.col-md-4</div>
<div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
<div class="col-md-6">.col-md-6</div>
<div class="col-md-6">.col-md-6</div>
</div>
+0
我知道我知道......但是當我需要放入lg,md和sm大小?例如6個col-lg-2和3個col-md-4?他們不適合在同一行... –
+0
爲'sm'開發。擺脫'md'和'lg',並用'sm'在所有分辨率下嘗試你的代碼。 – Gilbert
相關問題
- 1. Cycle2 Slideshow multiple pager not working
- 2. Bootstrap typehead not working
- 3. ng2-bootstrap progressbar not working
- 4. Bootstrap tagsinput typeahead not working
- 5. Bootstrap Modal Focus not working
- 6. 「Mobile」Bootstrap-Navbar not working
- 7. Bootstrap close modal not working
- 8. Bootstrap「collpase in」not working
- 9. Mobile Bootstrap nav not working
- 10. Laravel 5.4 Multiple Authentication is not working propoerly
- 11. Laravel 5.2 multiple file_get_contents()not working on prod
- 12. multiple ='multiple'for <select> does not working
- 13. Angular + bootstrap - class radio inline not working
- 14. Bootstrap 3 Togglable Tabs not working
- 15. Bootstrap drop down left-left not working
- 16. Bootstrap 3 collapse「data-parent」not working
- 17. Bootstrap Popover Dismissable is not working
- 18. Bootstrap class「text-center」not working
- 19. Bootstrap 4 NavTabs Next/Previous not working
- 20. Bootstrap Drop-Down li Customization Not Working
- 21. col-xs-0 Not Working Bootstrap
- 22. Bootstrap Carousel Next/Prev not working
- 23. bootstrap-mutliselect data-actions-box =「true」set and not working
- 24. tagsinput typeahead not working
- 25. Bootstrap - reorder cols
- 26. Bootstrap cols行爲
- 27. menu toogle button not working in bootstrap 4
- 28. angular-ui-bootstrap accordion not working on yeoman-generator
- 29. Bootstrap-sass gem Javascript not working in Rails 4
- 30. Column Offset and centering not working in Small Screens(Bootstrap)
的事情是,如何做到這一點,因爲lg,md,sm的數量是不同的,並且需要與lg在同一行內? –
請再次檢查代碼。我已經添加了clearfix div。您也可以使用偏移量http://codepen.io/payalpatel2299/pen/dOaLgd – Payal2299
引導行可以連續超過12列。這就是所謂的列包裝。 – ZimSystem