在laravel项目中bootstrap 4列间距没有响应

时间:2018-04-11 13:21:20

标签: laravel bootstrap-4

我有一个简单的问题,我刚开始使用bootstrap 4作为我的laravel项目,最近我一直在尝试修复列,每行3列。似乎无法让列回应页面,我确定我已经安装了bootstrap 4。我做错了什么?

@extends('layouts.master')

@section('content')

<div class="row">
  <div class="container">    
    @foreach($products as $product)
       <div class="col-md-6 col-lg-3">
           <h1>{{$product->title}}</h1>
           <p>{{$product->desc}}</p>    
       </div>   
    @endforeach
  </div>    
</div>   
@endsection

1 个答案:

答案 0 :(得分:1)

切换容器和行div。

<div class="container">
     <div class="row">
     ...
     </div>
</div>