IronPdf 在从 HTML 创建 PDF 时忽略 Bootstrap 列网格

Question

对于我的示例，我定义了一个简单的页面，其中包含一个 jumbotron 和 2 列，每列都有不同的标题和背景颜色。在浏览器中查看 HTML 模板时，您会看到带有 Jumbotron 的 2 列布局，如预期的那样。查看 IronPdf 创建的 pdf 时，列折叠成单列布局，每个 div 堆叠并全宽。

我已按照 IronPDF https://ironpdf.com/docs/questions/html-to-pdf-responsive-css/提供的示例进行操作

可在此处找到演示该问题的项目： https://github.com/crumdev/IronPdfExample

我希望 PDF 的输出能够反映浏览器中显示的内容，因为我需要列格式才能使用我需要的多列布局创建 PDF 布局。

Answer 1

我收到了 IronPdf 的回复：

我让我的工程师对此进行了研究，目前 bootstrap 与 IronPDF 不完全兼容。这是我们已经计划在今年晚些时候为我们的下一个版本进行的工作。我已将其记录下来，当我们能够解决此问题时，我会及时通知您。谢谢你的耐心。

Answer 2

我处于同样的情况，但适用于引导程序版本 4.0.0 并遵循以下代码：

注意：如果您看不到某些列，请尝试在每一行内组织您的 col div

            HtmlToPdf Renderer = new HtmlToPdf();

            Renderer.PrintOptions.SetCustomPaperSizeInInches(8.5, 11);

            Renderer.PrintOptions.PaperOrientation = PdfPrintOptions.PdfPaperOrientation.Portrait;

            Renderer.PrintOptions.Title = "My PDF Document Name";

            Renderer.PrintOptions.RenderDelay = 50; //ms

            Renderer.PrintOptions.CssMediaType = PdfPrintOptions.PdfCssMediaType.Screen;

            Renderer.PrintOptions.DPI = 300;

            Renderer.PrintOptions.FitToPaperWidth = true;

            Renderer.PrintOptions.JpegQuality = 80;

            Renderer.PrintOptions.GrayScale = false;

            Renderer.PrintOptions.FitToPaperWidth = true;

            Renderer.PrintOptions.InputEncoding = Encoding.UTF8;

            Renderer.PrintOptions.Zoom = 100;

            Renderer.PrintOptions.ViewPortWidth = 1280;

            Renderer.PrintOptions.CreatePdfFormsFromHtml = true;

            Renderer.PrintOptions.CustomCssUrl = new Uri("https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.css");

            Renderer.PrintOptions.MarginTop = 10;  //millimeters
            Renderer.PrintOptions.MarginLeft = 10;  //millimeters
            Renderer.PrintOptions.MarginRight = 10;  //millimeters
            Renderer.PrintOptions.MarginBottom = 10;  //millimeters
            Renderer.PrintOptions.FirstPageNumber = 1;

            Renderer.RenderHtmlAsPdf(html).SaveAs(fileName);