動的なブートストラップカラム

Question

カラムに問題があります。私はmd以上のデバイスでは5列、smでは4列、xsでは3列とする予定です。大画面では、すべての列が画面の左側にあるということです。私は自分のコードを見てきましたが、なぜこれがこのようなものかを知ることはできません。

今、それはこのようなものです：私は「

Answer 1

：

基本的に私はそれはこのようになりたい、そして好ましくは、各列内の中心に（お互いに積層された言葉がなくても）あなたのコードが何であるかは分かりませんが、私は次のように書いています： 注：カラムを偶数にしたい場合は、12のディビジョンを行う必要があります。どちらの側にもオフセットがない限り、5偶数列は実際には機能しません。

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div> 
     <div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div> 
     <div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div> 
     <div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div> 
     <div class="col-md-offset-1 col-md-2 col-sm-3 col-xs-4">Blue Box</div> 
    </div> 
</div> 

これはあなたの質問にお答えしたいと思いますが、追加または明示する必要がある場合はお知らせください。