內的Forelse循環 <div> 標簽

Question

我正在嘗試創建一個包含圖像和屬性列表的容器，但是當我在數組周圍添加標簽時，該數組只是超出了我的容器范圍，我已經搜索了這種類型的問題，但是沒有找到。

這是代碼：

@if(count($elitePublications) > 0)
<div style="border:2px gold solid">
    @forelse($elitePublications as $key => $publication)
        @include('publications.small', compact('publication'))
    @empty
        <p></p>
    @endforelse
</div>
@endif

它只做容器，但列表在外面

出版物的代碼。small：

<div class="col-sm-4 book">
<a href="{{ route('users.publications.show', ['publications'=>$publication->id, 'users'=>$publication->user->username]) }}"> 
    <div class="book-cover">
        {{ $publication->image }}
        <div class="inner-book-content">
            <h4>{{ $publication->published_book_title }}</h4>
             <strong class="book-price">
            </strong>
        </div>
    </div>
</a>
</div>

提前致謝。

Answer 1

這里的問題是關於Bootstrap的。 列和行（使結果成為賓客）存在某種問題，所以我在div中添加了一個名為“ row”的類，它充當數組的容器。

喜歡：

<div class="row">
    <h4 style="font-style: italic;"> Recomendados </h4>
    @forelse($elitePublications as $key => $publication)
        @include('publications.small', compact('publication'))
    @empty
    @endforelse
</div>