Bootstrap 4.1 макет поврежден в wkhtmltopdf - PullRequest
Новая
       6

Bootstrap 4.1 макет поврежден в wkhtmltopdf

0 голосов
/ 07 апреля 2020

У меня есть простая веб-страница, использующая bootstrap для css. но Col-12 и col-6, кажется, повреждены в wkhtmltopdf. 

<head>
    <meta charset="utf-8">
    <title>Test Automation</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</head>

см. ниже пример кода: 

 <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-body">



                                         <div class="col-12 h5 d-flex justify-content-center font-weight-bold">Report

</div><div class="row "><div class="col-6 h5 d-flex justify-content-center ">From : 2020-01-26
</div>
<div class="col-6 h5 d-flex justify-content-center ">To : 2020-01-26
</div><div class="col-6 h5 d-flex justify-content-center ">test: 1
</div><div class="col-6 h5 d-flex justify-content-center ">test: 5
</div></div><!-- end table-responsive-->

                                    </div> <!-- end card-body-->
                                </div> <!-- end card-->
                            </div> <!-- end col-->
                        </div>

Вид браузера: BrowserView.png

PDF: PDF.PNG

Что я делаю не так?

...