Laravel dompdf got everything overlapping

I am using Laravel-5.8 barryvdh/laravel-dompdf to export to pdf:

I am using AdminLTE-3

controller:

$pdf = PDF::loadView('default-pdf',['goals' => $goals, 'company' => $company, 'employee' => $employee])->setPaper('a4', 'landscape');
                return $pdf->download('PDF-report.pdf');

view

@extends('layouts.pdf-main')

@section('content')
    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
            <h1>Testing</h1>

        </div>

    </div>

@endsection

I just observe everything in the page was overlapping even when I changed to bootstrap-4.

This only happens with dompdf

How do I resolve this?

Thanks