How to assign spacing between divs using Laravel default stylesheets?

0

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
    
asked by anonymous 08.03.2018 / 00:05

0 answers