У меня есть панель Bootstrap с двумя кнопками в нижнем колонтитуле:
<div class="panel-footer">
{{ Form::open( array('route' => array('dogs.edit', $dog->id), 'method' => 'get', "class" => 'col-lg-6 ')) }}
{{ Form::submit("Edit", array('class' => 'btn btn-default')) }}
{{ Form::close() }}
{{ Form::open( array('route' => array('dogs.destroy', $dog->id), 'method' => 'delete', "class" => 'col-lg-6 ')) }}
{{ Form::submit("Delete", array('class' => 'btn btn-default')) }}
{{ Form::close() }}
</div>
Формы для каждой из кнопок имеют класс pull-left
и pull-right
, так что каждый из них будет перемещаться по обе стороны от нижнего колонтитула панели.
Поплавок работает, но теперь кнопки находятся за пределами нижнего колонтитула:
Я попробовал использовать сетку вместо помощников потянуть, но я получил тот же результат.
Я также искал решение (это должно быть довольно распространено, я думаю) и не нашел объяснений, которые не требуют переопределения Bootstrap с пользовательским css.
Можно ли исправить это с помощью только Bootstrap или мне нужно будет сбросить свой собственный CSS, чтобы исправить его?