django-bootstrap3 字段宽度控制

Question

我正在为我的项目使用 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}

Answer 1

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