2017-02-11 6 views
0

Как я могу разместить две кнопки в одной горизонтальной линии?Несколько кнопок в одной строке

<div style="width: 50%; margin: 0 auto; text-align: center;"> 
    <?php $form = ActiveForm::begin(['id' => 'one_week_ago', 'method' => 'GET',]) ?> 
    <input type="hidden" value="1" name="one_week_ago"> 

    <div class="form-group"> 
     <?= Html::submitButton('Прошлая неделя', ['class' => 'btn btn-primary', 'name' => 'last1']) ?> 
    </div> 

    <?php ActiveForm::end(); ?> 
    <?php $form1 = ActiveForm::begin(['id' => 'two_week_ago', 'method' => 'GET']); ?> 
    <input type="hidden" value="2" name="two_week_ago" > 

    <div class="form-group"> 
     <?= Html::submitButton('Позапрошлая неделя', ['class' => 'btn btn-primary', 'name' => 'last2']) ?> 
    </div> 

    <?php ActiveForm::end();?> 


</div> 

Есть в разных ActiveForm.

ответ

1

Применение

float:left; 

как команды CSS для обеих кнопок. Например:

<div class="form-group" style="float:left;"> 

Убедитесь в том, чтобы закрыть плавающий, добавив

<div style="clear:both;"></div> 

перед тем

<?php ActiveForm::end();?> 
Смежные вопросы