提问者:小点点

引导4-使用laravel断开网格


我已经升级了我的引导3到4,我有一些问题在网格显示。我用Laravel 5.4,我用nmp和大口大口喝。我很确定,css和js是包括的原因,如果删除链接我有js错误或我的样式页面更改。但是我有一个简单的页面,只有col-md-4,它不能正确显示它(Laravel auth菜单也坏了,其他的col-但我认为这是同样的问题)。

我的代码:

    <div class="container">      
        @foreach ($products as $product)
            <div class="col-md-3">
                <div class="product">
                    <a href="{{ route('app.products.show', $product->slug) }}">
                        {{ $product->name }}
                    </a>
                </div>
            </div>    
        @endforeach
    </div>

但它不起作用,它的渲染方式如下:

产品1

产品2

产品3

产品4

而不是

产品1产品2产品3

产品4

我尝试在容器之后和foreach之前使用一行,现在可以使用了,但这是错误的(我认为),因为我的产品是以多行显示的。

有人知道为什么吗?它在Bootstrap3上工作


共2个答案

匿名用户

您可以使用的是制作,每个块都是3个,然后在上进行迭代。

<div class="container">

    @foreach ($products->chunk(3) as $chunk)
        <div class="row">
            @foreach ($chunk as $product)
                <div class="col-md-4">
                    <div class="product">
                        <a href="{{ route('app.products.show', $product->slug) }}">
                            {{ $product->name }}
                        </a>
                    </div>
                </div>
            @endforeach
        </div>
    @endforeach

</div>

更多关于Laravel集合块

希望有帮助。

匿名用户

我认为引导4需要你添加一个

但是如果你说它适用于行父级,你为什么不使用它呢?