add grid when landscape bootstrap3
<p>i want to know is there any way to add grid when using lanscape for mobile phone. im using bootstrap v3</p>

<p>heres my code</p>

<pre><code>&lt;div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"&gt;
  &lt;div class="card m-15"&gt;
    &lt;div class="card-top"&gt;
      &lt;img src="img/1.jpg"&gt;
    &lt;/div&gt;
    &lt;div class="card-caption"&gt;
      &lt;h6 class="text-center uppercase bold"&gt;chocolate chip cookies&lt;/h6&gt;
      &lt;p&gt;by &lt;a href="#"&gt;lipsum&lt;/a&gt;
      &lt;/p&gt;
      &lt;div class="tag"&gt;
        &lt;a href="#"&gt;lipsum&lt;/a&gt;,&lt;a href="#"&gt; lipsum&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;div class="col-lg-3 col-md-3 col-sm-6 col-xs-12"&gt;
  &lt;div class="card m-15"&gt;
    &lt;div class="card-top"&gt;
      &lt;img src="img/1.jpg"&gt;
    &lt;/div&gt;
    &lt;div class="card-caption"&gt;
      &lt;h6 class="text-center uppercase bold"&gt;chocolate chip cookies&lt;/h6&gt;
      &lt;p&gt;by &lt;a href="#"&gt;lipsum&lt;/a&gt;
      &lt;/p&gt;
      &lt;div class="tag"&gt;
        &lt;a href="#"&gt;lipsum&lt;/a&gt;,&lt;a href="#"&gt; lipsum&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>for the result in media xs in potraint mode its fine. but when in landscape mode it taking to big space.</p>

<p>can i change from col-xs-12 to col-xs-6 when i only use in landscape mode?</p>