title: how to change bootstrap div height and width?
body: <p><a href="https://i.stack.imgur.com/LuraJ.png" rel="nofollow noreferrer">this the output</a>this is my code.i want to change both div height and width.I try to change but is not working.          </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@media(max-width: 500px) {
    .col-sm-4 {
      height: 50px;
   width: 50px;
    }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container-fluid"&gt;
      &lt;div class="row"&gt;
  &lt;div class="col-sm-4"&gt;
            container left
   &lt;img src="5.jpg" class="img-circle" alt="Cinque Terre"&gt; 
  &lt;/div&gt;&lt;div class="col-sm-4"&gt;
  Container Right
  &lt;img src="5.jpg"&gt;
   &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>