title: Centering the image in Bootstrap
body: <p>I m using bootstrap 3.0 to creating a website. I am new to bootstrap. what i want, i want image in center of div when browser size is extra small i have this code.</p>
  
  <pre><code>&lt;div class="col-lg-10 ccol-lg-offset-1 col-md-12 col-sm-12 "&gt;
      &lt;div class="col-lg-2 col-md-2 col-sm-2 col-xs-12"&gt;
          &lt;img src="images/2.png" class="img-responsive" /&gt;
          &lt;p class="text-center"&gt;&lt;a href="javascript:void(0);"&gt;Taj Group&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-2  col-md-2 col-sm-2 col-xs-12"&gt;
          &lt;img src="images/2.png" class="img-responsive" /&gt;
          &lt;p class="text-center"&gt;&lt;a href="javascript:void(0);"&gt;Taj Group&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-2  col-md-2 col-sm-2 col-xs-12"&gt;
          &lt;img src="images/2.png" class="img-responsive" /&gt;
          &lt;p class="text-center"&gt;&lt;a href="javascript:void(0);"&gt;Taj Group&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-2  col-md-2 col-sm-2 col-xs-12"&gt;
          &lt;img src="images/2.png" class="img-responsive" /&gt;
          &lt;p class="text-center"&gt;&lt;a href="javascript:void(0);"&gt;Taj Group&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-2 col-md-2 col-sm-2 col-xs-12"&gt;
          &lt;img src="images/2.png" class="img-responsive" /&gt;
          &lt;p class="text-center"&gt;&lt;a href="javascript:void(0);"&gt;Taj Group&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-2 col-md-2 col-sm-2 col-xs-12"&gt;
          &lt;img src="images/2.png" class="img-responsive" /&gt;
          &lt;p class="text-center"&gt;&lt;a href="javascript:void(0);"&gt;Taj Group&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
  </code></pre>