0
私は水平に添付された画像のように、私の製品をしたいが、私は自分のページに製品を追加するときには、垂直方向の形式で示しているが、私はeコマースの製品ページのように付属のような水平たいあなたが必要picture hereブートストラップ製品水平eコマースストアのような
私は水平に添付された画像のように、私の製品をしたいが、私は自分のページに製品を追加するときには、垂直方向の形式で示しているが、私はeコマースの製品ページのように付属のような水平たいあなたが必要picture hereブートストラップ製品水平eコマースストアのような
すべてここでブートストラップの正しいグリッド構造を設定する
グリッドを3列に設定する必要があります。 これはブートストラップの公式ウェブサイトから入手できます。https://getbootstrap.com/docs/3.3/css/#grid
これは、グリッドの基本コードです。このコードは、さらに修正することができます。
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4">1st Grid</div>
<div class="col-lg-4 col-md-4 col-sm-4">2nd Grid</div>
<div class="col-lg-4 col-md-4 col-sm-4">3rd Grid</div>
</div>
おかげで私の場合、私はのために、各ループ反復する –
@Aliシャン、あなたがのために、各ループを有するこれらのグリッドを設定することができた上で一つだけのdivを持っています。ボーダー、シャドウなどのカード/グリッドの追加のスタイルを定義するためのクラスを1つ追加するだけで済みます。 –