I have the following code snippet:
<button type="submit" class="btn btn-primary mb-2">
Cadastrar artigo
</button>
<table class="table table-striped table-bordered">
In the above excerpt class mb-2
is responsible for assigning a length 2 spacing. But is this the most appropriate approach? Just to make it clear, I'm using the standard Laravel style sheets 5.6
The complete blade file code is:
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12">
<div class="card">
<div class="card-header">Artigos</div>
<div class="card-body">
@if (session('status'))
<div class="alert alert-success">
{{ session('status') }}
</div>
@endif
<button type="submit" class="btn btn-primary mb-2">
Cadastrar artigo
</button>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th>Ed.</th>
<th>Título</th>
<th>Downloads</th>
<th>Publicada em</th>
<th>Ação</th>
</tr>
</thead>
<tbody>
@forelse($artigos as $r)
<tr>
<td>{{ $r->edicao }}</td>
<td>{{ $r->titulo }}</td>
<td></td>
<td>{{ $r->created_at->format('d/m/Y à\s H:i:s')}}</td>
<td>
<a href="{{ route('artigo.edit', $r->id) }}">Editar</a> /
<a href="{{ route('artigo.delete', $r->id) }}">Excluir</a>
</td>
</tr>
@empty
<tr>
<td colspan="5">Não existem registros para serem exibidos!</td>
</tr>
@endforelse
</tbody>
</table>
{{ $artigos->links() }}
</div>
</div>
</div>
</div>
</div>
@endsection