box-sizing border-box在bootstrap上不能水平工作

时间:2017-08-03 18:29:23

标签: html css html5 twitter-bootstrap grid-layout

box sizing ![框大小不适用于第一个对象] [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 {       显示:flex,       flex-wrap:wrap;      }

1 个答案:

答案 0 :(得分:0)

问题是由于盒子(.product-box)的高度不一致,解决方法是为class product-box设置min-height属性,该属性等于最高.product-box元素的高度< / p>

08-03 13:25:44.281 6299-6299/? I/art: Not late-enabling -Xcheck:jni (already on)
08-03 13:25:44.282 6299-6299/? W/art: Unexpected CPU variant for X86 using defaults: x86
08-03 13:25:44.299 6299-6306/? E/art: Failed sending reply to debugger: Broken pipe
08-03 13:25:44.299 6299-6306/? I/art: Debugger is no longer active
08-03 13:25:44.299 6299-6306/? I/art: Starting a blocking GC Instrumentation
08-03 13:25:44.433 6299-6299/? W/System: ClassLoader referenced unknown path: /data/app/com.example.android.mathbattlestest-1/lib/x86
08-03 13:25:44.444 6299-6299/? I/InstantRun: starting instant run server: is main process
08-03 13:25:44.645 6299-6299/? W/art: Before Android 4.1, method android.graphics.PorterDuffColorFilter android.support.graphics.drawable.VectorDrawableCompat.updateTintFilter(android.graphics.PorterDuffColorFilter, android.content.res.ColorStateList, android.graphics.PorterDuff$Mode) would have incorrectly overridden the package-private method in android.graphics.drawable.Drawable
08-03 13:25:44.868 6299-6299/? I/AmazonWebServiceClient: {cognito-identity, us-east-2} was not found in region metadata, trying to construct an endpoint using the standard pattern for this region: 'cognito-identity.us-east-2.amazonaws.com'.
08-03 13:25:44.881 6299-6299/? I/AmazonWebServiceClient: {cognito-sync, us-east-2} was not found in region metadata, trying to construct an endpoint using the standard pattern for this region: 'cognito-sync.us-east-2.amazonaws.com'.
08-03 13:25:45.083 6299-6299/? W/art: Before Android 4.1, method int android.support.v7.widget.ListViewCompat.lookForSelectablePosition(int, boolean) would have incorrectly overridden the package-private method in android.widget.ListView
                                      
                                      [ 08-03 13:25:45.106  6299: 6317 D/         ]
                                      HostConnection::get() New Host Connection established 0x99087e40, tid 6317
08-03 13:25:45.107 6299-6317/? I/OpenGLRenderer: Initialized EGL, version 1.4
08-03 13:25:45.108 6299-6317/? W/OpenGLRenderer: Failed to choose config with EGL_SWAP_BEHAVIOR_PRESERVED, retrying without...