CSS中未对齐的复选框

CSS中未对齐的复选框,css,twitter-bootstrap,Css,Twitter Bootstrap,我正在使用laravel表单和dompdf模块创建pdf报告。我在同一行中显示复选框和标签时遇到问题 我正在尝试这样做: <input type="checkbox" name="vehicle" value="Bike"> I have a bike<br> <input type="checkbox" name="vehicle" value="Car" checked> I have a car<br> 我有一辆自行车 我有一辆车

我正在使用laravel表单和dompdf模块创建pdf报告。我在同一行中显示复选框和标签时遇到问题

我正在尝试这样做:

  <input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
  <input type="checkbox" name="vehicle" value="Car" checked> I have a car<br>
我有一辆自行车
我有一辆车
这就是结果:


默认复选框

或者尝试使用表格

其他CSS会影响对齐。默认情况下,复选框和标签位于同一行

我有一辆自行车
我有一辆车
请创建一个示例来演示您的问题-我们无法帮助您了解您提供的信息
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
<label class="form-check-label" for="defaultCheck1">
Default checkbox
</label>
</div>