如何为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
相关产品推荐
相关产品推荐

