我希望我的表单按钮与其他按钮一起出现在一行中答案

【问题标题】：I want My form button to appear in one single line with other buttons我希望我的表单按钮与其他按钮一起出现在一行中
【发布时间】：2019-04-08 05:21:29
【问题描述】：

我使用 bootstrap 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>

【问题讨论】：

@azro 编辑了您的帖子以使代码可读，而您刚刚扭转了他的所有努力，使您的代码完全不可读和无法解释。
请不要开战 ;) 让帖子可读
这和java有什么关系？您是在寻求 HTML 布局方面的帮助，不是吗？

标签： html forms bootstrap-4

【解决方案1】：

如果你使用 flex 对你来说会很容易。使用.d-flex 类连续显示所有内容。默认情况下，flex 方向是 row。

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

【讨论】：