title: Fix mobile view for a div on desktop
body: <p>I have a widget like this:</p>
  
  <pre><code>&lt;div class="col-md-12 col-xs-12"&gt;
      &lt;div class="col-md-4 col-xs-12"&gt;
          1
      &lt;/div&gt;
      &lt;div class="col-md-4 col-xs-12"&gt;
          2
      &lt;/div&gt;
      &lt;div class="col-md-4 col-xs-12"&gt;
          3
      &lt;/div&gt;
      &lt;div class="col-md-4 col-xs-12"&gt;
          4
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am embedding the above widget like this</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="col-md-12"&gt;
          &lt;div class="col-md-3 embedWidget"&gt;
              &lt;!-- embeeded-widget-comes-here --&gt;
          &lt;/div&gt;
          &lt;div class="col-md-9"&gt;
              &lt;!-- some other imp content here --&gt;
          &lt;/div&gt;
      &lt;/div&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p>When I do this my widget is showing as 4 column grid, But I want it to be stacked format (mobile view col-xs), for all responsive widths</p>
  
  <p>how can I achieve it </p>
  
  <p>I tried with width 100% to <code>embedWidget</code> (content is fixing in that area as 4 col grid)</p>