2017-02-04 4 views
-1

Как я могу поместить эти кнопки в одну строку?Две кнопки в одной строке

<form method="post"> 
    <button type="submit" name="render_button" class='btn btn-block btn-primary' style="width:100px;height:30px;" > Render </button> 

    <button type="submit" name="check" class='btn btn-block btn-primary' style="width:100px;height:30px;" > Render2 </button> 
</form> 
+2

Из кода вы дали, они оба на одной и той же линии. –

+0

Это в Bootstrap, правильно? –

+0

^bootstrap имеет '.form-inline', не так ли? – Chay22

ответ

1

Если это использует Bootstrap, который я угадывание по БТН-первичные теги БТН, просто добавьте дисплей: встроенный блок; к каждому тегу стиля:

ПРИМЕЧАНИЕ: Возможно, вам понадобится сделать 0-красную верхнюю часть второй кнопки, я также добавлю это.

<form method="post"> 
     <button type="submit" name="render_button" class='btn btn-block btn-primary' style="width:100px;height:30px;display:inline-block;" > Render </button> 

     <button type="submit" name="check" class='btn btn-block btn-primary' style="width:100px;height:30px;display:inline-block;margin-top:0;" > Render2 </button> 
</form> 
1

Я думаю, что btn-block класс ваш преступник, если вы удалите его кнопки должны отображаться как в линии элементов

<form method="post"> 
    <button type="submit" name="render_button" class='btn btn-primary' style="width:100px;height:30px;" > Render </button> 

    <button type="submit" name="check" class='btn btn-primary' style="width:100px;height:30px;" > Render2 </button> 
</form> 
Смежные вопросы