title: Bootstrap column layout for all devices
body: <p>I have a question about bootstrap column layout. Is it necessary to specify the column layout for each device width? For example, I would like to have some item detail, which will take half of screen in the center. So I made a wrapper <code>div</code> with classes <code>col-*-6</code> and <code>col-*-offset-3</code> (so it will take six columns and offset it 3 columns).</p>
  
  <p>Then, in this element, I will have children that will take 3 columns and one which will take 9 to fill the full width of the container. </p>
  
  <pre><code>&lt;div class="col-md-6  col-md-offset-3 toppad"&gt;
     &lt;table&gt;
     &lt;tr&gt;&lt;td class="col-md-3"&gt;Project ID:&lt;/td&gt;&lt;td class="col-md-9"&gt;{$project['name']}&lt;/td&gt;&lt;/tr&gt; 
     &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is this correct? And is it possible to make it work for all devices without coding each of them?</p>