Джанго-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" для формирования виджета и настройки #input-form в .css файле.