title: Bootstrap Rows?
body: <p>I have a form and im getting confused with rows.</p>
  
  <p>Where should I put in rows? Do I need them? Do I need one for a modal? One for the entire form or each form input?</p>
  
  <p>Here's what I have:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div id="modal" class="modal fade"&gt;
    //modal stuff
    &lt;/div&gt;&lt;!-- /.modal --&gt;
  
    &lt;h1&gt;Title Here&lt;/h1&gt;
    &lt;form id="content-add-form" class="form-horizontal" role="form" name="content-add-form" enctype="multipart/form-data"&gt;
  
     &lt;div class="form-group"&gt;
          &lt;label for="title" class="col-md-2 control-label"&gt;Title:&lt;/label&gt;
          &lt;div class="col-md-4"&gt;
              &lt;input name="title" type="text" class="form-control" placeholder="Title"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="form-group"&gt;
          &lt;label for="date" class="col-md-2 control-label"&gt;Date:&lt;/label&gt;
          &lt;div class="col-md-2"&gt;
              &lt;div class='input-group date' id='date-picker'&gt;
                  &lt;input type='text' class="form-control" name="date" value="{{ date("d-m-Y") }}" data-format="dd-MM-yyyy" readonly/&gt;
                  &lt;span class="input-group-btn"&gt;
                      &lt;button class="btn btn-default datepicker-invoker" type="button"&gt;&lt;i class="icon-calendar"&gt;&lt;/i&gt;&lt;/button&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
  &lt;/form&gt;
  </code></pre>
  
  <p></p>