2016-12-05 11 views
1

私は3つのボタンを持っているテーブルについていくつかの問題を抱えています:問題はそれです: このボタンは3つの異なるフォームにあり、それらは列として示されていますが、 ?これは私の実際のコードです:3つの異なるフォームを持つテーブルの同じ行に3つのボタンを表示するには?

<div class="text-center"> 
 
    <!-- PRIMO BOTTONE --> 
 
    <s:form action="esportaCommesseByRichiesta" cssClass="form-same-row"> 
 
     <button type="submit" class="btn btn-success btn-xs" data-toggle="tooltip" title="Esporta Richiesta"> 
 
      <span class="glyphicon glyphicon-floppy-save" aria-hidden="true"></span> 
 
     </button> 
 
    </s:form> 
 
    <!-- PRIMO BOTTONE --> 
 

 

 
    <!-- SECONDO BOTTONE --> 
 
    <s:form action="editCommesseGl" cssClass="form-same-row"> 
 
     <button type="submit" class="btn btn-info btn-xs" title="Modifica Richiesta"> 
 
      <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> 
 
     </button> 
 
    </s:form> 
 
    <!-- SECONDO BOTTONE --> 
 

 

 
    <!-- TERZO BOTTONE --> 
 
    <s:form action="#" cssClass="form-same-row"> 
 
     <button type="submit" class="btn btn-danger btn-xs" data-toggle="tooltip" title="Cancella Richiesta"> 
 
      <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 
 
     </button> 
 
    </s:form> 
 
    <!-- TERZO BOTTONE --> 
 
</div>

+2

codepen/jsfiddleで環境を作成できますか? – Roberrrt

+0

実際に私は、私は行が正しくxD – DarioS

答えて

3

CSS

form {display: inline-block;} 
+0

ええ、それは仕事をする必要が表示されているので、私は傾ける! –

+0

それは、あなたよりも! – DarioS

1

私はあなたのコードの明確な考えを持っているが、それは役に立つかもしれない、このコードを試してみてくださいません....

.form-same-row 
{ 
float:left; 
margin-right:5px; 
} 
関連する問題