如何在Laravel + Bootstrap表单中将复选框和标签保留在一行中

Question

我的观点有一个表格。在这种形式我有这个：

<div class="row">
    {!! Form::label('math', 'Mathematics',
                     array('class' => 'col-xs-offset-4 col-lg-2 col-xs-5 text-right')) !!}
    {!! Form::checkbox('exams[1]', '2')!!}
</div>

现在它看起来像这样：

如何将标签和复选框保留在一行？

修改

像这样解决：

<div class="row">
    <label class="col-xs-offset-4 col-lg-2 col-xs-5 text-right">Mathematics
       {!! Form::checkbox('exams[1]', '2')!!}
    </label>
</div>

Answer 1

为您的字段添加类或ID，例如checkbox

{!! Form::checkbox('exams[1]', '2', false, ['class' => 'checkbox']) !!}

现在你的样式表代码如下：

.checkbox {
   margin-top: 5px; // try +/- the pixel, check what works for you
}

Answer 2

为您的复选框提供课程或风格

{!! Form::checkbox('exams[1]', '2', ['class' => 'asad'])!!}

Answer 3

当我运行你的代码时，它已经在同一行，所以你可能想检查是否加载了bootstrap。

作为替代方案，您可以添加一个类，例如“mt10”

 {!! Form::label('math', 'Mathematics',
                 array('class' => 'col-xs-offset-4 col-lg-2 col-xs-5 text-right')) !!}
 {!! Form::checkbox('exams[1]', '2', null, array('class' => 'mt10'))!!}

并为课程添加一些余量（可能是或多或少的像素）

.mt10 { margin-top: 10px; }