How to create responsive list items using bootstrap theme
You might need to use the Bootstrap column classes with divs instead of table elements, inside of a "row" element, which must be inside a "container" element:

&lt;div class="container"&gt;
&lt;div class="row"&gt;
  &lt;div class="col-lg-6 col-md-6 col-xs-12 col-sm-6"&gt;
    &lt;!-- Your first column goes here --&gt;
  &lt;/div&gt;
  &lt;div class="col-lg-6 col-md-6 col-xs-12 col-sm-6"&gt;
    &lt;!-- Your second column goes here --&gt;
  &lt;/div&gt;
&lt;/div&gt; &lt;!-- End row --&gt;
&lt;/div&gt; &lt;!-- End container --&gt;


There is more information about using the Bootstrap grid system in the main Bootstrap page.