デスクトップに最大4つのdivを表示するためにブートストラップを適用する方法、タブレットに3つ、モバイルデバイスに1つの方法を提案できますか？レスポンシブデザインをブートストラップに適用するにはどうすればよいですか？
動的div要素を追加：
条件： 1.デスクトップ（行の最大4つのdiv）：デスクトップ用 1つのDIVが存在する場合は、それが中心位置にあるべきであり、それはウィンドウ幅をカバーすべきです（100％）、2divの場合、ウィンドウの幅は50％と50％、3divの場合は33％、33％、33％となります。同様に4が追加される場合、ウィンドウの幅はカバーする必要があります（25％、25％、25％、25％）。
Angular.jsでどうやったらいいですか？私はここにdiv.Codeスニペット用のブートストラップ適用されている
は、
<div class="col-xs-12 col-sm-6 col-md-3">
これを提案してください？
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
現在地マニュアルを確認することができます：https://getbootstrap.com/examples/grid/
それが動作しない理由はありません。デスクトップの場合、1つのdivしか存在しない場合、1つのdivはウィンドウ画面の幅をカバーする必要があります。 2つのdivがそこにある場合、2つのdivはウィンドウの画面をカバーする必要があります.3つのdivがある場合、3つのdivはウィンドウの画面をカバーする必要があります。同様に4 divがある場合、デスクトップ画面をカバーする必要があります。最大4つのdivがあります。 –
あなたはダイナミックにしたいですか？ちょうど1つのdiv col-md-12,2 div col-md-6 .. – HudsonPH
これを行うにはjsまたはjqueryを使用する必要があります – HudsonPH
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
<p>dhcsdh</p>
</div>
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
<p>dhcsdh</p>
</div>
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
<p>dhcsdh</p>
</div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
<p>dhcsdh</p>
</div>
</div>
</div>
</div>
'COL-LG-3 COL-MD-4 COL-XS-12' –
そのが働いていません。デスクトップの場合、1つのdivしか存在しない場合、1つのdivはウィンドウ画面の幅をカバーする必要があります。 2つのdivがそこにある場合、2つのdivはウィンドウの画面をカバーする必要があります.3つのdivがある場合、3つのdivはウィンドウの画面をカバーする必要があります。同様に4 divがある場合、デスクトップ画面をカバーする必要があります。最大4つのdivがあります。 –
それに応じてそれをコード化する必要があります - あなたはあなたのコードを投稿し、あなたが立ち往生した場合、我々は助けることができます –