2017-02-11 46 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();?> 
之前关闭浮动