Django Datepicker表单位于表视图上方-引导css问题

我有一个Django应用程序，我想在桌面上有一个datepicker搜索表单

我正试图完成这样的安排：

但我越来越像这样了：

模板html：

    ....
    <div class="panel-body">
          <div class="row">
            <form action="{% url 'employee-attendance_search_date' %}" method="POST" enctype="multipart/form-data">
              {% csrf_token %}

              {{ attendance_search_date_form }}                                  
              <button type="submit" class="btn btn-primary">Search</button>                  

            </form>     
          </div>              

      <table class="table table-bordered table-hover table-striped">
          <thead>
     ....

我正在使用Datepicker搜索字段

---

是否有人可以帮助修复html/引导代码以进行这种安排？

默认情况下，您的输入和标签设置为作为

显示：块

，因此它们总是

宽度：100%

。 如果您只想让它们并排排列（标签->输入->按钮）。必须将它们设置为

显示：内联块

。因此，元素只会使用显示它们所需的空间

---

之后，您可以只设置元素的边距来创建空间。你也应该考虑，以像素为单位设置输入元素的宽度，否则它会非常小。

tq，你能显示代码来做这个吗？我刚刚插入了forms.py小部件，它可以执行datepicker。当然可以，但我只能为您提供示例代码，它是如何实现的。考勤搜索日期表单是呈现项的类，它在css中可能不同：。考勤搜索日期表单输入{显示：内联块；宽度：120px；}。考勤搜索日期表单标签{显示：内联块；右边距：5px；}。考勤搜索日期表单按钮{显示：内联块；//应为默认值}好的，我来试试

class AttendanceDateSearch(forms.Form):
    search_date = forms.DateField(label='Date', required=False, widget=DateTimePicker(options={"format": "YYYY-MM-DD"}))