title: Centering image in a responsive fashion
body: <p>I'm using Bootstrap v3.3.5. I just cannot center the image horizontally in a responsive fashion for some reason. Here is the code I am using.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="container"&gt;
        &lt;div style="margin:0 auto;"&gt;
            &lt;img src="images/logo.png" alt="logo" /&gt;
        &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  
  
  <p>I tried modifying the inline CSS code to</p>
  
  <pre class="lang-css prettyprint-override"><code>margin-left: auto; margin-right: auto;
  </code></pre>
  
  
  
  <p>But it also didn't work. I researched and found out about .center-block and .img-responsive for Bootstrap but I guess it was removed (since I couldn't find anything related to said classes in my bootstrap.css). I am clueless right now.</p>