title: Bootstrap 3 not centering items on mobile and tablets
body: <p>I need my layout to be at the center of mobile devices or tablets. Here is my HTML code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Cart&lt;/title&gt;
      &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="row center-block"&gt;
          &lt;div class="row"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col col-sm-1"&gt;
                      &lt;img class="image" alt="" src="http://i.stack.imgur.com/YKNC5.jpg" /&gt;
                  &lt;/div&gt;
                  &lt;div class="col col-sm-11"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="row"&gt;
                              &lt;h3 class="col col-sm-12"&gt;Samsung Galaxy S5&lt;/h3&gt;
                          &lt;/div&gt;
                          &lt;div class="row"&gt;
                              &lt;span class="col col-sm-12"&gt;My Products Avaialble online and in stores&lt;/span&gt;
                          &lt;/div&gt;
                          &lt;div class="row"&gt;
                              &lt;span class="col col-sm-12"&gt;Seller: My Product&lt;/span&gt;
                          &lt;/div&gt;
                          &lt;div class="row"&gt;
                              &lt;span class="col col-sm-12"&gt;Quantity:
                                  &lt;input type="number" /&gt;
                              &lt;/span&gt;
                          &lt;/div&gt;                       
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But this is mess up on mobile. I also added me a tag. Please help me to make items in center on mobile an tablets. JsBin <a href="http://jsbin.com/luxorapowe/1/" rel="nofollow">http://jsbin.com/luxorapowe/1/</a></p>