我已经升级了我的引导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上工作
您可以使用的是制作块
,每个块都是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需要你添加一个
但是如果你说它适用于行父级,你为什么不使用它呢?