Bootstrap 当我打印时，行看起来不一样

Question

完成我的代码后：

<div class="container-fluid">
<p><h4><center>FORMULARY</center></h4></p>
<div class="container-fluid">
<div class="row">
<div class="form-group col-md-3">
<label for="inputPaterno" class="control-label">First Name</label>
<input type="text" class="form-control" id="inputName" required>
</div>
<div class="form-group col-md-3">
<label for="inputMaterno" class="control-label">Last Name</label>
<input type="text" class="form-control" id="inputLast" required>
</div>
<div class="form-group col-md-3">
<label for="inputNombre" class="control-label">Age</label>
<input type="text" class="form-control" id="inputAge" required>
</div>
</div>

还有打印机，看到这个小问题...

抱歉我的英文不是很好

Answer 1

    <div class="container-fluid">
    <p><h4><center>FORMULARY</center></h4></p>
    <div class="container-fluid">
    <div class="row">
    <div class=" col-md-12">
    <ul class="list-inline">
    <li>
    <label for="inputPaterno" class="control-label">First Name</label>
    <input type="text" class="form-control" id="inputName" required>
    </li>
    <li>
    <label for="inputMaterno" class="control-label">Last Name</label>
    <input type="text" class="form-control" id="inputLast" required>
    </li>
    <li>
    <label for="inputNombre" class="control-label">Age</label>
    <input type="text" class="form-control" id="inputAge" required>
    </li>
</ul>
    </div>
 </div>
 </div>

为此使用列表 <ul> 及其 css class 命名为 list-inline 或 inline-list 我现在不记得正确的名称但应用任何一个其中它会随心所欲地工作。

Bootstrap 当我打印时，行看起来不一样

Bootstrap row dont look same when i´ll printer

printing

row