Question

我不能使用laravel和bootstrap在一行中放置checkbox和“记住我”。 checkbox和“记住我”之间有一个换行符，但我不希望换行符。

我的代码：

{{Form::open(['route'=>'sessions.store','class'=>'form-horizontal'])}}


    <div class = 'form-group'>
        {{Form::label('email','Email',['class'=>'col-sm-3 control-label'])}}
        <div class="col-sm-4">
        {{Form::email('email',null,['class'=>'form-control'])}}
        {{$errors->first('email')}}
        </div>
    </div>
    <div class = 'form-group'>
        {{Form::label('password','Password',['class'=>'col-sm-3 control-label'])}}
        <div class="col-sm-4">
        {{Form::password('password',['class'=>'form-control'])}}
        {{$errors->first('password')}}
        </div>
    </div>    

    <div class = 'form-group'>
        <div class='col-sm-offset-3 col-sm-4'>
            {{Form::checkbox('remember-me',1,null,['class'=>'checkbox'])}}
            {{Form::label('remember-me','Remember me')}}
        </div>
    </div>


    <div class = 'form-group'>
        <div class="col-sm-offset-3 col-sm-4">
        {{Form::submit('Login',['class'=>'btn btn-default'])}}
        </div>
    </div>

{{Form::close()}}

Answer 1

那是因为您正在为“记住我”复选框生成此标记：

<div class="form-group">
    <div class="col-sm-offset-3 col-sm-4">
        <input class="checkbox" name="remember-me" type="checkbox" value="1">
        <label for="remember-me">Remember me</label>
    </div>
</div>

虽然这是默认的Twitter Bootstrap复选框的预期标记：

<div class="checkbox">
    <div class="col-sm-offset-3 col-sm-4">
        <label>
            <input type="checkbox" name="remember-me" value="1"> Remember me
        </label>
    </div>
</div>

要解决此问题，您可以在视图中使用此Blade摘录：

<div class="checkbox">
    <div class="col-sm-offset-3 col-sm-4">
        <label>
            {{ Form::checkbox('remember-me', 1) }}
        </label>
    </div>
</div>

复选框和标题没有换行符

1 个答案: