django-bootstrap3字段宽度控制

时间:2015-06-11 12:14:13

标签: django twitter-bootstrap django-forms django-templates

我正在使用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>

并将此字段作为结果enter image description here如何控制它们的宽度?

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

1 个答案:

答案 0 :(得分:1)

由添加"id": "input-form"解决,以形成小部件并在.css文件中调整#input-form