如何在bootstrap中设计Django可编辑表单的样式

<!-- 引入Bootstrap样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">

<!-- Django模板 -->
<form method="POST">
  {% csrf_token %}
  
  <!-- 使用Bootstrap表单组件 -->
  <div class="mb-3">
    <label for="name" class="form-label">姓名</label>
    <input type="text" class="form-control" id="name" name="name" value="{{ form.name.value }}">
  </div>
  
  <div class="mb-3">
    <label for="email" class="form-label">邮箱</label>
    <input type="email" class="form-control" id="email" name="email" value="{{ form.email.value }}">
  </div>
  
  <!-- 自定义样式 -->
  <div class="mb-3">
    <label for="message" class="form-label">留言</label>
    <textarea class="form-control" id="message" name="message" rows="3">{{ form.message.value }}</textarea>
  </div>
  
  <!-- 添加交互效果 -->
  <div class="mb-3">
    <div class="input-group">
      <input type="text" class="form-control" placeholder="选择日期" aria-label="选择日期" aria-describedby="datepicker">
      <button class="btn btn-outline-secondary" type="button" id="datepicker">日期选择</button>
    </div>
  </div>
  
  <button type="submit" class="btn btn-primary">提交</button>
</form>

<!-- 引入Bootstrap的JavaScript组件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>