2 Submit-Button für 2 Formulare - Der Submit-Button, der horizontal ausgerichtet ist

Question

Ich habe 2 Formulare, die alle versteckten Eingabedaten an eine andere Seite übergeben. beide haben submit button, die post-methode haben. ich benutze bootstrap css rahmenwerk und material bootstrap css design überlappung mit ihm. Mein Problem ist, dass 2 Submit-Button richtet vertikal wie unter

einreichen

einreichen

möchte ich die 2 Tasten einreichen ausrichtet horizontal unten wie

welche CSS-Code submit i müssen diese Änderungen beantragen?

<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

Sie brauchen Bootstrap dafür nicht. Verwenden Sie einfach style="display:inline-block;", um Ihr Design zu ändern.

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

Answer 2

Ich kann nicht kommentieren, also antworte ich hier @Jees K Denny. Sie können jedem Eingang geben ein

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

die gleichen wie mit den Tasten funktioniert.