リピータのアイテムが水平に表示されていませんか？

Question

私はいくつかの画像とテキストを動的に作成したいので、私はrepeater.dataへの項目を変更していますが、リピーターは水平に表示されているので、html code.soのリピーターなしで水平に表示されます。画像私はアイテムを変更したい...

を私は必要なものを示すとどのようにそれは私のコードで、今のように見える.imagesが水平にvertically.so私

を助けてください見せている今、リピータを使用してALIGN

Answer 1

あなたcol-md-2のdivが自然row以内に水平に表示されますが、あなたはあなたのリピータで独自containerとrowを各項目を与えています。リピータの外にあるdivを移動すると、問題が解決するはずです。

<div class="container"> 
    <div class="row news-list"> 
    <asp:Repeater> 
     <ItemTemplate> 
     <div class="col-md-2"> 
      ... 
     </div> 
     </ItemTemplate> 
    </asp:Repeater> 
    </div> 
</div> 

Answer 2

ディスプレイを変更することができますcol-md-2クラススタイルでinline-blockのモードと、各ブロックのサイズとマージンを設定します。

.col-md-2 
{ 
    display: inline-block; 
    width: 160px; 
    height: 80px; 
    margin-right: 12px; 
    ... 
}