Я хочу, чтобы кнопка «Моя форма» отображалась в одной строке с другими кнопками

Question

Я спроектировал таблицу с помощью начальной загрузки 4, но проблема в том, что моя кнопка формы появляется на следующей строке, но я хочу, чтобы она отображалась в одной строке с другими кнопками. Я хочу, чтобы он появился сразу после кнопки «Удалить».

Я также хочу, чтобы при нажатии кнопки «Подтвердить» в таблице MySQL сохранялись утвержденные ключевые слова.

Код:

<td>
    <div class="d-inline">
        <%=rs.getString(4)%>
        &nbsp;
        <a class="btn btn-success" href="" role="button">Edit</a>
        &nbsp;
        <a class="btn btn-success" href="" role="button">Delete</a>
        <!--&nbsp;<a class="btn btn-danger" href="../src/java/Login.java" role="button">Approve</a>-->
        <form method="post" action="" class="d-inline">                       
            <input type="submit" value="submit" class="btn btn-danger">
        </form>
    </div>
</td>

Answer 1

Вам будет легко, если вы будете использовать flex. Используйте класс .d-flex, чтобы показать все подряд. По умолчанию, направление изгиба - строка.

<td>
<div class="d-inline d-flex">
    <%=rs.getString(4)%>
    &nbsp;
    <a class="btn btn-success" href="" role="button">Edit</a>
    &nbsp;
    <a class="btn btn-success" href="" role="button">Delete</a>
    <!--&nbsp;<a class="btn btn-danger" href="../src/java/Login.java" role="button">Approve</a>-->
    <form method="post" action="" class="d-inline">                       
        <input type="submit" value="submit" class="btn btn-danger">
    </form>
</div>