2016-07-23 188 views
1

我有2种形式,将所有隐藏的输入数据传递到另一页。都提交按钮有post方法。我使用引导CSS框架和材料引导CSS设计与它重叠。我的问题是2提交按钮垂直对齐像下面2提交按钮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> 
+0

哪里是你的代码? – EddNewGate

+0

将立即更新 –

+0

http://stackoverflow.com/questions/24499767/bootstrap-aligning-two-buttons-on-the-same-row希望这可以解决问题。 – Krandalf

回答

1

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

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

+0

非常感谢。 @Md。 Nasir Uddin Bhuiyan Itz作品。 –

0

我无法评论,所以我在这里回答@Jees K Denny。 可以给每个输入

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

的工作方式相同的按钮。