thanks for your awesome video, i clone the source code form the current page, i want to apply the bootstrap to the pdf-page but failure, could you give some tips? Thanks a lot!

If you've set up the application with the `vendor/assests/stylesheets/pdf.css` and have this set to complile separately, you can download the CSS from https://getbootstrap.com/docs/3.3/customize/?id=08c164bd0450fe50e9bf and paste it into the `pdf.css`. This is what I'm using. You can probably also do the same for bootstrap 4.1, but the important bits would be the things selected where it is mainly the media styles, grid, typography, etc.

I download the bootstrap code from https://getbootstrap.com/docs/4.0/getting-started/contents/#css-files, i paste the bootstrap.css or bootstrap-grid.css to pdf.css , but i can't applay the "d-flex" function, can your find something wrong?

Personally, I would try to keep the styling in the email simple. Supporting rendering on different email clients is very difficult since there are definitely more email clients than browsers. Check out https://www.campaignmonitor.com/css for individual styling compatibility for mail clients.

There is a typo in product_controllers.rb. Guess it should be template rather than **tempate**.

Thank You! Fixed the typo.

I am writing a pdf report and want to have page break for every 2 items (with photos) in a loop. The normal [page break] works on html does not work in pdf file. Can you help ? David

In the HTML, you would wrap the two items in a div tag with a class like `new-page`. In the PDF's CSS, define the class like ``` .new-page { page-break-before: always; } ```

  def show
    respond_to do |format|
      format.html {}
      format.pdf do
        html = render_to_string(
          template: 'sales/show.pdf.erb', 
          page_size: 'A4',
          margin: { bottom: 25 },
          footer: {
            content: render_to_string('shared/footer')
          }
          layout: 'layouts/application.pdf.erb')
        pdf = WickedPdf.new.pdf_from_string(html)
        send_data(pdf, filename: "sale-#{@sale.our_ref}.pdf", type: 'application/pdf', 
          disposition: :attachment)
      end
    end
  end

pdf = WickedPdf.new.pdf_from_string(
  render_to_string('templates/pdf', layout: 'pdfs/layout_pdf.html'),
  footer: {
    content: render_to_string(
  		'templates/footer',
  		layout: 'pdfs/layout_pdf.html'
  	)
  }
)

    <%= wicked_pdf_stylesheet_pack_tag "pdf" -%>    
    <%= wicked_pdf_javascript_pack_tag "pdf" -%>

@import "~bootstrap/scss/bootstrap";

div.alwaysbreak { page-break-before: always; }
div.nobreak:before { clear:both; }
div.nobreak { page-break-inside: avoid; }

const images = require.context('../images', true);
import number_pages from "../vendor/number_pages.js"
window.addEventListener('load', function() {
  number_pages()
})

  def show
    respond_to do |format|
      format.html
      format.pdf do
        render(template: 'contracts/contract', pdf: @contract.name, disposition: 'inline')
      end
    end
  end

hello!