You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

在Bootstrap中如何添加水平分割线(horizontal rule)?

你使用的是Django Crispy Forms的布局组件,不能直接在Layout结构里写原生HTML字符串,需要用框架提供的HTML组件包裹水平分割线标签即可实现需求。

正确实现代码

# 首先导入需要的组件
from crispy_forms.layout import Div, HTML

# 表单布局部分写法
Layout(
    Div("Name", css_class='col-sm-12'),
    Div("Address", css_class='col-sm-6'),
    Div("Favorite_Movie", css_class='col-sm-6'),
    HTML('<hr>'),
    # 后续其他表单组件正常写在此处即可
)

补充说明

  • HTML组件可以用来插入任意自定义的HTML片段到表单布局的对应位置
  • 如果需要调整分割线样式,直接在<hr>标签上加类或者行内样式即可,比如需要加上下间距可以写HTML('<hr class="my-4">')

内容的提问来源于stack exchange,提问作者Bullsfan2333

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.07 07:51:03