如何在Django模板中分离渲染bootstrapform的字段与标签？

嘿，我来帮你搞定这个问题！针对你用Django 2.0.4和django-bootstrap-form想要分离渲染字段与标签、并给标签加提示工具的需求，这里有两个实用方案：

你可以直接调用表单字段的原生属性和bootstrap-form提供的过滤器，分别渲染标签和字段，同时插入提示工具元素：

{% load bootstrap %}

<!-- 单个字段的自定义渲染 -->
<div class="form-group">
  <!-- 带提示工具的标签 -->
  <label for="{{ form.your_field.id_for_label }}" class="control-label">
    {{ form.your_field.label }}
    <!-- 这里的提示文本可以自定义，也可以绑定表单的help_text -->
    <span class="text-muted ml-1" data-toggle="tooltip" title="这是你的字段提示内容">(?)</span>
  </label>
  <!-- 单独渲染字段（不带标签） -->
  {{ form.your_field|bootstrap_field }}
</div>

这里的bootstrap_field过滤器是关键——它只会渲染字段本身（包含Bootstrap的表单控件样式），不会带上标签，完美满足分离需求。

如果你的项目里很多字段都需要这种带提示的标签，推荐重写bootstrap-form的模板来实现全局复用：

1. 在你的项目模板目录下创建bootstrap/form.html（路径要和库的默认模板路径一致）
2. 修改模板内容，把标签和字段分离，并加入提示工具的逻辑：

{% load i18n %}
<div class="form-group{% if field.errors %} has-error{% endif %}">
  {% if field.label %}
    <label for="{{ field.id_for_label }}" class="control-label {{ label_class }}">
      {{ field.label }}
      <!-- 这里可以绑定表单字段的help_text作为提示，也可以手动添加 -->
      {% if field.help_text %}
        <span class="text-muted ml-1" data-toggle="tooltip" title="{{ field.help_text }}">(?)</span>
      {% endif %}
    </label>
  {% endif %}
  <div class="{{ field_class }}">
    {{ field|bootstrap_widget }}
    {% if field.errors %}
      {% for error in field.errors %}
        <span class="help-block">{{ error }}</span>
      {% endfor %}
    {% endif %}
  </div>
</div>

3. 之后在模板里正常使用{{ form.your_field|bootstrap }}，它会自动加载你自定义的模板，字段的help_text就会变成标签旁的提示工具。

最后别忘了初始化Bootstrap提示工具 #

要让提示工具生效，需要在页面底部加入一段JS代码（确保已经引入jQuery和Bootstrap的JS文件）：

<script>
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
</script>

内容的提问来源于stack exchange，提问作者cr1