django-bootstrap3 字段宽度控制

Posted 2023-02-24

【中文标题】django-bootstrap3 字段宽度控制

【英文标题】：django-bootstrap3 fields width control

【发布时间】：2015-08-27 03:08:22

【问题描述】：

我正在为我的项目使用https://github.com/dyve/django-bootstrap3 插件，代码如下

<div class="container">
        <div class="row">
            <div class="jumbotron">
                <div class="text-center">
                    <h1>% block header_text %% endblock %</h1>
                    <form method="post" class="form-inline">
                        % csrf_token %
                        Input: % bootstrap_field form.input layout='inline' %
                        Object: % bootstrap_field form.object layout='inline' %
                        <input type="submit" class="btn btn-xs btn-primary" value="Submit"/>
                    </form>
                </div>
            </div>
        </div>

并得到这个字段作为结果 我如何控制它们的宽度？

我尝试在 .css 文件中更改它，但它只适用于焦点 .form-control:focus width: 320px

【参考方案1】：

通过将"id": "input-form"添加到窗体小部件并在.css文件中调整#input-form来解决。

【讨论】：

如何使用bootstrap3在模板html的字段输入中添加"id"字段？