2016-11-29 2 views
0

Мой вид имеет форму. В этой форме у меня есть это:Как сохранить флажок и метку в одной строке в форме Laravel + Bootstrap

<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> 

Теперь это выглядит следующим образом:

enter image description here

Как сохранить метку и флажок в одной строке?

Редактировать

решаемых так:

<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> 
+0

Вы можете использовать стиль CSS ' margin' –

+0

Возможно ли это с помощью бутстрапа, без ручных классов css? –

+0

Nope. Вы не можете полагаться на bootstap. Вам нужно добавить пользовательский css. –

ответ

0

класс дает или стиль к вашему флажку

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

'Ошибка анализа: синтаксическая ошибка, неожиданная '=>' (T_DOUBLE_ARROW), ожидающая ',' или ')' ' –

+0

Да, это неверно. ''class' => 'asad'' должен быть массивом –

+0

@AlexLukinov исправлено сейчас – ATIKON

1

Дайте класс или идентификатор в поле вашего, например checkbox

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

Теперь в вашем коде таблицы стилей, как это:

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

Третий аргумент в флажке:' [' class '=>' checkbox '] 'дать мне проверочное поле. Я думаю, что это невозможно, чтобы дать классу флажок с Laravel –

+0

Проверить ответ на обновление. –

0

Когда я запускаю свой код, это на ту же линию уже, так что вы могли бы хотеть проверить, если загружена начальная загрузка.

в качестве альтернативы вы можете добавить класс, как «МТ10»

{!! 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; }