Question

我有2个表单将所有隐藏的输入数据传递给另一个页面。两个都有提交按钮，有post方法。我使用bootstrap css框架和材料bootstrap css设计重叠。我的问题是2提交按钮垂直对齐，如下面

提交

我希望2个提交按钮水平对齐，如下所示

提交提交

我必须申请哪些css代码进行这些更改？

<form action="generate_p.php" method="post" >
             <input type="hidden" name="sdat" value="<?php echo $start; ?>"/>
             <input type="hidden" name="edat" value="<?php echo  $end; ?>"/>
             <input type="submit" name="submit" value="EXPORT"  class="btn btn-raised btn-success"/>
            </form>

<form action="generate_pi.php" method="post" >
             <input type="hidden" name="sdat" value="<?php echo $start; ?>"/>
             <input type="hidden" name="edat" value="<?php echo  $end; ?>"/>
             <input type="submit" name="submi" value="EXPO"  class="btn btn-raised btn-success"/>
            </form>

Answer 1

你不需要Bootstrap。只需使用style="display:inline-block;"即可更改您的设计。

＆＃13;

<form action="generate_p.php" method="post" style="display:inline-block;">
             <input type="hidden" name="sdat" value="<?php echo $start; ?>"/>
             <input type="hidden" name="edat" value="<?php echo  $end; ?>"/>
             <input type="submit" name="submit" value="EXPORT"  class="btn btn-raised btn-success"/>
            </form>

<form action="generate_pi.php" method="post" style="display:inline-block;">
             <input type="hidden" name="sdat" value="<?php echo $start; ?>"/>
             <input type="hidden" name="edat" value="<?php echo  $end; ?>"/>
             <input type="submit" name="submi" value="EXPO"  class="btn btn-raised btn-success"/>
            </form>

＆＃13;

Answer 2

我无法评论所以我在这里回答@Jees K Denny。您可以为每个输入提供一个

<div class="col-lg-6"></div>

与按钮的工作方式相同。

2提交2个表单的按钮 - 水平对齐的提交按钮

2 个答案: