title: custom django form template (in bootstrap)
body: <p>I would like to customize my django forms.
  For example, in my code I have working hour settings which I like to produce like this format:</p>
  
  <pre><code>mon_start mon_end
  tue_start tue_end
  ....
  </code></pre>
  
  <p>but instead it creates a form</p>
  
  <pre><code>mon_start 
  mon_end
  tue_start 
  tue_end
  ....
  </code></pre>
  
  <p>Here is a view of the output that I dont want
  <a href="https://i.stack.imgur.com/srBAI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/srBAI.png" alt="enter image description here"></a></p>
  
  <p>Below are my code:</p>
  
  <p>forms.py</p>
  
  <pre><code>class CompanyWorkingHoursSettingsForm(forms.ModelForm):
      mon_start = forms.TimeField()
      mon_end = forms.TimeField()
      tue_start = forms.TimeField()
      tue_end = forms.TimeField()
  
      class Meta:
          model = Workinghours
          fields = ("mon_start","mon_end","tue_start","tue_end")
  </code></pre>
  
  <p>workinghourssettings.html</p>
  
  <pre><code>{% extends 'project/base.html' %}
  {% load bootstrap3 %}
  
  {% block page %}
    &lt;div class="col-lg-12"&gt;
      &lt;div class="panel"&gt;
        &lt;div class="panel-heading bg-blue"&gt;
          &lt;h4 class="panel-title text-center text-white"&gt;
            Working Hours Settings
          &lt;/h4&gt;
        &lt;/div&gt;
          &lt;div class="panel-body"&gt;         
            &lt;form method="POST" enctype="multipart/form-data"&gt;
              {% csrf_token %}            
              {% bootstrap_form company_workinghourssettings_form %}
              &lt;button type="submit" class="btn btn-pink"&gt;Update&lt;/button&gt;
            &lt;/form&gt;
  
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  {% endblock %}
  </code></pre>
  
  <p>How do i produce a custom arranged form for my form fields above ? (in bootstrap)</p>