ブートストラップ - 分およびDIVの最大幅が設定 - 列

Question

のない数は、私はない3、4、5又は6

Answer 1

これが存在する場合に選択した画面の幅に応じて設定される列の数を作るために必要あなたのソリューションは、あなたが探しているようにCSSのメディアクエリのは

https://jsfiddle.net/Alan_van_Buuren/4w9wy73y/

<div class="column">One</div> 
<div class="column">Two</div> 
<div class="column">Three</div> 
<div class="column">Four</div> 
<div class="column">Five</div> 
<div class="column">Six</div> 
<div class="column">Seven</div> 
<div class="column">Eight</div> 
<div class="column">Nine</div> 
<div class="column">Ten</div> 
<div class="column">Eleven</div> 
<div class="column">Tweelve</div> 
<style> 
.column { 
    width: 50px; 
    font-size: 20px; 
    float: left; 
} 

@media screen and (min-width: 480px) { 
    .column { 
    width: 100px; 
    } 
} 

@media screen and (max-width: 800px) and (min-width: 520px) { 
    .column { 
    width: 100px; 
    background-color: yellow; 
    } 
} 

@media screen and (max-width: 519px) and (min-width: 100px) { 
    .column { 
    width: 150px; 
    background-color: red; 
    } 
} 
</style>