2017-06-30 9 views
0

入れ子のカラムを持つコンテナがあります。しかし今、列は以下に一つずつリストされています。ブートストラップネストされたカラムが機能しない

私は問題を手に入れました。

ちょっと見てください。

Demo here

は私がAmazon iconと同じ行にあるアイコンの下にテキストを表示したいです。それを達成する方法。私はたくさんの努力をしましたが、結果はありません。誰か、助けてください。ありがとうございました。

+1

ネストされた列を作るためには、行の内側にラップしなければなりません。例:コンテナ - >列 - >行 - >列 - >行 - >列 – Shiladitya

答えて

1

このようなものを探している場合は、このフィドルを確認してください。 https://jsfiddle.net/xrhprup8/1/

<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 full"> 
      <div class="row"> 
       <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 full"> 
        <div class="single-box-flipkart"> 
         <div class="row"> 
          <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12"> 
           <h1><i class="fa fa-amazon fa-2x"></i></h1> 
          </div> 
          <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12"> 
           <h4>Lorem Ipsum is simply.</h4> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
</div> 
関連する問題