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。