title: make container with forms mobile friendly
body: <p>Trying to make container with two form group side by side look mobile friendly. To make it put the left form under the other. Tried to change the width in container but that didn't work.</p>
  
  <p>Here is the code:</p>
  
  <p>hvertime.blade.php</p>
  
  <pre><code>&lt;div class="jumbotron"&gt;
  &lt;div class="container"&gt;
  &lt;br&gt;
  &lt;h2&gt;&lt;span class="glyphicon glyphicon-time"&gt;&lt;/span&gt; Times målinger &lt;/h2&gt;
  &lt;hr&gt;
       @if(Session::has('message'))
          &lt;p style="color: green;"&gt;{{ Session::get('message') }}&lt;/p&gt;
         @endif
  
  
  
  
      @if($errors-&gt;has())
          &lt;ul&gt;
              {{ $errors-&gt;first('badendeTime', '&lt;li&gt;:message&lt;/li&gt;') }}
              {{ $errors-&gt;first('temp', '&lt;li&gt;:message&lt;/li&gt;') }}
          &lt;/ul&gt;
      @endif
  
  
  
  
  
      {{ Form::open(array('url' =&gt; 'bassengweb/insertHT', 'method' =&gt; 'POST', 'class' =&gt; 'form-horizontal')) }}
  
    &lt;div class="form-group"&gt;
  
      &lt;label  class="col-md-5 control-label"&gt;Basseng: &lt;/label&gt;
      &lt;div class="col-md-7"&gt;
  
       {{ Form::select('pool_id', $pools, Input::old('pool_id'), array('placeholder'=&gt;'Basseng', 'class' =&gt; 'form-control' )) }} 
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;div class="form-group"&gt;
      &lt;label  class="col-md-7 control-label"&gt;Badende Per Time: &lt;/label&gt;
      &lt;div class="col-md-5" &gt;
        {{ Form::text('T_Badende_per_Time', Input::old('T_Badende_per_Time'), array('placeholder'=&gt;'', 'class' =&gt; 'form-control' ))  }}  
      &lt;/div&gt;
    &lt;/div&gt;
  
        &lt;div class="form-group"&gt;
      &lt;label  class="col-md-7 control-label"&gt;Temperatur: &lt;/label&gt;
      &lt;div class="col-md-5"&gt;
       {{ Form::text('T_Temperatur', Input::old('T_Temperatur'), array('placeholder'=&gt;'', 'class' =&gt; 'form-control' )) }}  
  
  
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;div class="form-group"&gt;
      &lt;div class="col-md-offset-7 col-md-5"&gt;
         {{ Form::submit('Lagre', array('class' =&gt; 'btn btn-primary')) }}
      &lt;/div&gt;
    &lt;/div&gt;
  
  
        {{ Form::close() }}
  
  
  
       &lt;div id="form-horizontal"&gt; 
  
      {{ Form::open(array('url' =&gt; 'bassengweb/insertHT', 'method' =&gt; 'POST', 'class' =&gt; 'form-horizontal')) }}
  
           &lt;div class="form-group"&gt;
          &lt;label  class="col-md-7 control-label"&gt;Luft-Temperatur: &lt;/label&gt;
          &lt;div class="col-md-5"&gt;
           {{ Form::text('T_Luft_Temperatur', Input::old('T_Luft_Temperatur'), array('placeholder'=&gt;'', 'class' =&gt; 'form-control' )) }}  
  
  
          &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;div class="form-group"&gt;
          &lt;div class="col-md-offset-6 col-md-7"&gt;
             {{ Form::submit('Lagre', array('class' =&gt; 'btn btn-primary')) }}
          &lt;/div&gt;
        &lt;/div&gt;
              {{ Form::close() }}
  
  
  
        &lt;/div&gt;
  
  
  
       &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>main.css</p>
  
  <pre><code>.jumbotron {
  
      text-align: center; 
      display: inline-block;
      margin-bottom: auto;
      width: 1366px;
  }
  
  .form-group {
  
  
  
  }
  
  
  h2  {
  
      text-align: center;
      margin-top: auto;
      }
  
  .container {
      min-height: 530px;
       /* set border styling */
      border-color: black;
      border-style: solid;
      border-width: 1px;  
  
  
      /* set border roundness */
      border-radius: 15px;
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
       margin: auto auto auto;
      width: 900px;
      display: inline-block;
      background-color: white;   
  
  }
  
  
  .form-horizontal{
      float: left;   
  }
  </code></pre>