HTML5引導流程佈局

我想按順序顯示一些div（或標籤）來填充整行並換行到下一行等等。如果我縮小窗口，他們應該調整，我最終會減少每行的項目數量和更多的滾動行數。整個事情會以某種方式呈現出來。我使用Windows的本地流佈局控件在.NET中執行了此操作。任何想法如何在html5中使用bootstrap做到這一點？我正在使用Angular 2.如果我可以指定div的大小來保持它們的對齊，那將是非常好的，但在這種情況下，它們不一定適合內容。HTML5引導流程佈局

謝謝。

來源

2017-01-01 sOltan

您正在尋找的是Bootstrap網格系統。 http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp

因此，例如，在一個大屏幕上，連續有三個項目。在一個較小的屏幕上，會有兩個。

<div class="col-md-12"> 
    <span class="col-md-4 col-xs-6">1 </span> 
    <span class="col-md-4 col-xs-6"> 2</span> 
    <span class="col-md-4 col-xs-6"> 3</span> 
    <span class="col-md-4 col-xs-6"> 4</span> 
    <span class="col-md-4 col-xs-6"> 55</span> 
    <span class="col-md-4 col-xs-6"> 6</span> 
</div>

檢查它在這裏的行動http://codepen.io/anon/pen/pRzLav

來源

2017-01-01 21:36:17

HTML5引導流程佈局

回答

相關問題