dompdf dont load bootstrap css with barryvdh/laravel-dompdf

Question

i use barryvdh/laravel-dompdf in laravel 5.5 and bootstrap css (renamed to pdf.css with small adjustments) to generate a report in pdf this is my header from the report view calling the css:

<!DOCTYPE html>
 <html lang="en">
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
     <link href="{{public_path('css/pdf.css') }}" rel="stylesheet" type="text/css" />            
</head>
<body>

my controller:

 public function infor(News $news)
    {   

        ...     
        PDF::setOptions(['dpi' => 150, 'defaultFont' => 'sans-serif']);         
        $pdf = PDF::loadView('admin.news_events.pdf');            
        return $pdf->stream('pdfview.pdf');
   
}

Expected view (html5):

view generated in pdf :,( How could I solve this?

I recommend mPDF. Still not as fancy as I'd like, but better. — parker_codes
– parker_codes, Commented Feb 15, 2018 at 4:16
@parker_codes I don't think they're looking for an alternative, but rather a solution — Tim Bogdanov
– Tim Bogdanov, Commented Jul 5, 2022 at 22:05

Sapnesh Naik · Accepted Answer · 2018-02-13 06:06:09Z

2

barryvdh/laravel-dompdf does not support boostrap yet.

Quoting the author:

I highly doubt that DomPDF can handle Bootstrap correctly. If you need better pdf, try: https://github.com/barryvdh/laravel-snappy That used Webkit to render pdf.

See more about the issue here

answered Feb 13, 2018 at 6:06

Sapnesh Naik

11.7k9 gold badges70 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Sanjaya Over a year ago

How can I use bootstrap grid system with this barryvdh/laravel-dompdf package?

Brad Goldsmith Over a year ago

You can't @Sanjaya

Pathros Over a year ago

Better try snappy

Tim Bogdanov Over a year ago

there are many other alterntives out there, I don't think the author is asking for alternatives to DOMPDF, but rather a solution to an existing problem.

Salem loress · Accepted Answer · 2019-09-26 01:15:38Z

2

You have to put all css file in style tag to launch your code

answered Sep 26, 2019 at 1:15

Salem loress

3591 gold badge5 silver badges13 bronze badges

Comments

Ngugi Kiarie · Accepted Answer · 2021-02-15 06:12:45Z

1

I had the same issue, all I did was create another blade file, copied bootstrap.css contents into it (between style tags) , then included it (the file with the css) in the file I wanted to print

answered Feb 15, 2021 at 6:12

Ngugi Kiarie

1,45613 silver badges9 bronze badges

Comments

Raghu · Accepted Answer · 2020-06-11 05:48:55Z

0

Change your file path to this, if CSS and images are not inside the public directory.

<img src="{{ base_path().'/location/to/image/image.png' }}" />
<link rel="stylesheet" type="text/css" href="{{ base_path().'/location/css/bootstrap.min.css' }}">

answered Jun 11, 2020 at 5:48

Raghu

559 bronze badges

1 Comment

TarangP Over a year ago

This solution not working :(

reda benlahsen · Accepted Answer · 2020-07-18 15:00:03Z

0

You should use another version of bootstrap. because i tested it with bootstrap 3 and it's not working but it works with version 4 of the framework.

answered Jul 18, 2020 at 15:00

reda benlahsen

297 bronze badges

Comments

AlienForHumans · Accepted Answer · 2023-05-04 15:06:47Z

0

Try to set isHtml5ParserEnabled option to true:

PDF::setOptions(['dpi' => 150, 'isHtml5ParserEnabled' => true, 'defaultFont' => 'sans-serif']);

This will enable HTML5 parser (disabled by default in the package).

answered May 4, 2023 at 15:06

AlienForHumans

311 silver badge3 bronze badges

1 Comment

TarangP Over a year ago

This solution not working :(

Collectives™ on Stack Overflow

dompdf dont load bootstrap css with barryvdh/laravel-dompdf

6 Answers 6

4 Comments

Comments

Comments

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

4 Comments

Comments

Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related