微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

让两个按钮左右排列

要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它们放置在同一行中。你可以将按钮放置在两个 col 中,分别占据一定的列宽。以下是你的模板代码做出的修改

{% extends 'base.html' %}
{% block content %}
<div class="container mt-4">
    <h1>确认退回任务</h1>
    <p>您正在退回以下任务:</p>
    <p>任务标题:{{ assignment.assign_title }}</p>
    <p>分派给:{{ assignment.assign_to }}</p>
    <p>希望完成时间:{{ assignment.assigned_time }}</p>
    <form method="post">
        {% csrf_token %}
        <label for="return_reason">退回原因:</label><br>
        <textarea id="return_reason" name="return_reason" rows="4" cols="50" required></textarea><br>
        <div class="row">
            <div class="col">
                <button type="submit" class="btn btn-primary">确认退回</button>
            </div>
            <div class="col">
                <a href="{% url 'safetyApp:inspection_assignment_list2' assignment.acceptance_id %}" class="btn btn-secondary">返回分派列表</a>
            </div>
        </div>
    </form>
</div>
{% endblock %}

这样会使两个按钮位于同一行,并且分别占据一半的宽度,以左右排列。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐