2017-02-28 11 views
0

whileループ内にデータがあり、データがcol-md-12内に生成されていますが、動作しません。ブートストラップグリッドがダイナミックコラムで動作しません

<div class="row"> 
while(...) { 
<div class="col-md-4"> 
... 
</div> 
} 
</div> 

出力は、そうでない場合は3 COLは表示されません。私はwhileループ内の行を置くことができない

 <div class="row"> 
     <div class="col-md-4"> 
     .. 
     </div> 
     <div class="col-md-4"> 
     .. 

    </div> 
    <div class="col-md-4"> 
    .. 
    </div> 
    <div class="col-md-4"> 
    .. 
    </div> 
    <div class="col-md-4"> 
.. 
</div> 
</div> 

enter image description here

のようなものです。この問題の解決策はありますか?

おかげ

+0

写真で示されているように 'col-md-4'を使用しているか、' col-md-12'を使っていますか? – ZimSystem

+0

私はcol-md-4を意味して申し訳ありません – Phoenix

+0

グリッドは完璧に動作しています。そのCSSがうんざりしています。これらのdivの内容を2行または3行だけのように同期させる必要があります。ランダムなコンテンツをデータベースから取得した場合、substr()関数を使用するより固定文字を表示するのが60〜80文字であると仮定します。 –

答えて

0

ブートストラップの列はここで働いています。しかし、もう一つの問題があります。

'float:left;'があります。ブートストラップの列にあります。だからこそ、同じ高さの箱を作ることが非常に重要です。

すべてのボックスの高さが同じで問題が解決されることを確認してください。

+0

これらは動的に生成されるのでコンテンツとしてはありません。どのように同じ高さにするには? – Phoenix

+0

ボックス内のヘッダータグとpタグの高さは異なる場合があります。だから - h2 { 高さ:あなたの選択; オーバーフロー:非表示。 } p { 身長:あなたの選択; オーバーフロー:非表示。 } – Rifat

関連する問題