2017-08-03 21 views
0

box sizing 上に水平に取り組んでいないボーダーボックス![最初のオブジェクトのボックスサイズdoesntの仕事] [1]ボックスのサイズ変更、ブートストラップ

イムブートストラップ上のサイジングトラブルボックスを持つが、リストは水平です最初のdivは高さが大きくなります。秒が大きくなると完全に消えてしまいます。

box sizing [1]

私はアイテムを与えて試してみました![箱がない第一、第二のオブジェクト上の作品をサイジングする。]:表示インライン、インラインブロックを。何も動作していないようです。私はボックスサイズのクラスを与えようとしましたが、それはちょうど仕事をしません。

私は今何時間も試していますが、私はそれを動作させるためにどのような道が必要なのか分かりません。ここで

はライブプレビューである: http://www.desarmaduriaipar.cl/bs_index.php

  <div class="box-sizing col-sm-3 col-xs-6"> 
      <div class="product-box"> 

        <a title="alt" alt="alt" href="/desarmaduria/desarme/845/hyundai-accent-2012-2013-2014-2015-2016-2017"> 
        <img src="http:www.desarmaduriaipar.cl/cars/thumbs/51501541613.jpg" width="100%" border="0"> 
        <h3>Hyundai<br/>Accent 2012-2017</h3> 
        </a> 

      </div> 
     </div> 

更新:

これは修正です: .row.fix { 表示:フレックス、 フレックスラップ:ラップ; }

+1

問題を再現するために十分なコードを質問に記入してください。 –

+0

@Michael_Bが更新されました! –

答えて

0

問題は、ボックス(.product-box)の高さの不一致によるものです。解決策は、プロダクトボックスの高さに等しいクラスproduct-boxのmin-heightプロパティを設定することです。ボックス要素

.product-box{ 
    min-height : 200px; 
} 
+0

私はこのコードをwithouthブーストラップの前に作っていますが、ブートストラップでは問題になります。 –

+1

これは、私の友人が私が一番高いdiv .row.fix {display:flex、flex-wrap:wrap; } –

関連する問題