c# - Rotativa形成内联Bootstrap 4

Question

我对 Rotativa 和 Bootstrap 有疑问。我想生成带有内联表单的 PDF，但它不显示内联。我做了一个基本的例子。我正在返回一个PartialViewAsPdf，html 是一个简单的内联表单示例，带有 bootstrap 4(w3schools)。有任何想法吗？

.cshtml
       <form class="form-inline" action="/action_page.php">
      <label for="email">Email address:</label>
      <input type="email" class="form-control" id="email">
      <label for="pwd">Password:</label>
      <input type="password" class="form-control" id="pwd">
      <div class="form-check">
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox"> Remember me
        </label>
      </div>
      <button type="submit" class="btn btn-primary">Submit</button>
    </form>

控制器

var actionPdf = new Rotativa.PartialViewAsPdf("File.cshtml", model);
return actionPdf

预期结果：

实际结果

标签： c#twitter-bootstraprotativa

Answer 1

Rotativa 不知道 display:flex。用 display:-webkit-box 替换它。