2016-07-23 192 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> 

的工作方式相同的按鈕。