2017-08-03 74 views
0

box sizing 水平工作![方框上漿第一個對象不工作] [1]箱縮放邊框,框不引導

林有麻煩盒上引導大小,上市是水平,當它收縮到最大,而第一個div的高度更大,它只是歪曲了,當秒數更大時,它完美地工作。 !

box sizing [方框不是第一分級在第二對象上的作品。] [1]

我試圖給項目:內嵌式地顯示,inline-block的。似乎沒有任何工作。我試過給框大小班,但它不工作。

我一直在嘗試幾個小時,我不知道採取什麼措施才能使它工作。

這裏是一個實時預覽: 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元素

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

我已經使這個代碼工作之前沒有boostrap,但與引導它成爲一個問題。 –

+1

這是修復我的朋友,我不得不去更高的一個div .row.fix {display:flex,flex-wrap:wrap; } –