title: responsive table with multiple columns in bootstrap
body: <p>I was trying to find an answer as for "nth" amount of columns in a table of bootstrap. Some guys asked it before but still there has been no solution. So, my question is how to manage with the responsiveness of columns. Let's say I have 5 colunms with its own names. 
  | the streets' names | Victoria | Lombard | Champs-Elysées | Chervonoarmeyskaya | 
  (without abbreviation, as a reader has to understand)</p>
  
  <p>My solution were:</p>
  
  <p>a) Playing with font-size, making it smaller to adapt it to 320px size. but succeed with 480px (at least for readable size).</p>
  
  <p>b) Removing all padding at ".table thead > tr > th, .table tbody > tr > th," with @media (max-width: 480px) to get more space.</p>
  
  <p>c) and the last one is to add condition like (switching automatically the screen size if "320px, 360px" onto "480px, 640px"). </p>
  
  <p>I don't know if it's good idea? </p>
  
  <p>will it work correctly on all small devices like iphone, ipod, samsung ..., nokia ..., sony etc... with cross-browser compatibility? if so how to realize it?</p>
  
  <p>here is my code:</p>
  
  <pre><code>&lt;table class="table table-responsive"&gt;
      &lt;table class="table table-striped table-bordered"&gt;
          &lt;thead&gt;
              &lt;tr class="alert alert-info"&gt;
                  &lt;th&gt;the streets' names&lt;/th&gt;
                  &lt;th&gt;Victoria&lt;/th&gt;
                  &lt;th&gt;Lombard&lt;/th&gt;
                  &lt;th&gt;Champs-Elysées&lt;/th&gt;
                  &lt;th&gt;Chervonoarmeyskaya&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;Location&lt;/td&gt;
                  &lt;td&gt;Australia&lt;/td&gt;
                  &lt;td&gt;United States&lt;/td&gt;
                  &lt;td&gt;France&lt;/td&gt;
                  &lt;td&gt;Ukraine&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>P.S. If someone will find solution, consider about 7-10 columns. Thanks.</p>