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

如何为django-bootstrap-ui的{% container %}模板标签添加额外CSS类?

嘿,这事儿好办!django-bootstrap-ui的{% container %}标签本身就支持通过class参数添加自定义类,直接把你想要的类名传进去就行,它会自动和默认的container类合并到一起。

举个实际的例子,假设你想加一个叫my-custom-container的类,代码就这么写:

{% container class="my-custom-container" %}
  {% row %}
    {% column xs="8" sm="6" md="4" lg="3" %}
      <!-- 这里放你的页面内容 -->
    {% endcolumn %}
  {% endrow %}
{% endcontainer %}

渲染出来的HTML会变成这样:

<div class="container my-custom-container">
  <div class="row">
    <div class="col-xs-8 col-sm-6 col-md-4 col-lg-3">
      <!-- 内容 -->
    </div>
  </div>
</div>

顺带提一句,这个添加自定义类的方式同样适用于{% row %}和{% column %}标签,比如{% row class="my-custom-row" %}或者{% column xs="8" class="my-custom-col" %},都能轻松给对应的元素加自定义样式~

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.19 08:16:42