title: How to make container take full width in phone devices using Bootstrap
body: <p>No matter how I try in my CSS file, the container can't take full width in phone device.</p>
  <p>my CSS file:</p>
  <pre><code>@media (max-device-width: 1024px) {
  
  .col-sm-2{
      width: 100%;
  
  }
  .container {
      margin: 0 auto;
      width: 100%;
  }
  
  
  .col-sm-10 {
      width: 100%;
  }
  
  
  }
  </code></pre>
  <p>HTML:</p>
  <pre><code>&lt;div class=&quot;container&quot;&gt;
  
  &lt;h1 &gt;Profile&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Any suggestion?</p>