title: Table doesn't work on small sizes (like mobile phones)
body: <p>I don't know why, but width of my table on very small sizes is going over the background on the right ( outside the screen of the phone ) . On 412 px it works, but on 320 px don't want to be nice and my table go outside screen and everything is cut. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.ania-center {
    margin: auto;
    width: 80%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /&gt;
  
  &lt;div class="container"&gt;
  
    &lt;div class="row"&gt;
      &lt;div class="box"&gt;
        &lt;div class="col-lg-12"&gt;
          &lt;hr&gt;
          &lt;h2 class="intro-text text-center"&gt;Rejestracja on-line
            &lt;strong&gt;bez kolejek!&lt;/strong&gt;
          &lt;/h2&gt;
          &lt;hr&gt;
          &lt;h2 class="text-center"&gt;Lista lekarzy&lt;/h2&gt;
          &lt;br/&gt;
          &lt;table class="table table-responsive table-striped ania-center"&gt;
            &lt;tr&gt;
              &lt;th&gt;Imie i nazwisko&lt;/th&gt;
              &lt;th&gt;Gabinet&lt;/th&gt;
              &lt;th&gt;Telefon&lt;/th&gt;
              &lt;th&gt;Rejestracja on-line&lt;/th&gt;
            &lt;/tr&gt;
            @foreach($doctors as $doctor)
            &lt;tr&gt;
              &lt;td&gt;
                {{$doctor['imie']}} {{$doctor['nazwisko']}}
              &lt;/td&gt;
              &lt;td&gt;
                {{$doctor['gabinet']}}
              &lt;/td&gt;
              &lt;td&gt;
                {{$doctor['telefon']}}
              &lt;/td&gt;
              &lt;td&gt;
                &lt;a href="terminy/{{$doctor['id']}}"&gt;umów wizyte&lt;/a&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
            @endforeach
          &lt;/table&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>