Twitter bootstrap 试图显示图像

对于中型设备，下面的代码应显示如下内容：

但我明白了：

搜索引擎优化：tus productos al“alcance de la mano”

互联网上的进口产品和设备：在线销售产品，无需销售产品（谷歌、雅虎、必应等）。


结果是，对前景进行了优化，特别是对联合国产品的东方品牌进行了优化，并将其命名为“telefono samsung modelo s6 edge”，并将其命名为“telefono Para personas mayores”。埃斯特雷莫斯特拉特·阿尔古诺斯·卡索斯·德埃克西托庄园酒店。

问题：图像显示不正确，如第二张图像所示，为什么

注：这是小型设备的显示方式：

---

我对你的代码做了一些修改。以下是您需要做的：

从内联样式中删除

float:none

使用

offset-*

类将图像居中，而不是使用

center block

将

md

屏幕中的宽度减小到

col-md-2

。可选择添加

col-lg-1

以对齐较大屏幕的两列

搜索引擎优化：tus productos al“alcance de la mano”

互联网上的进口产品和设备：在线销售产品，无需销售产品（谷歌、雅虎、必应等）。



结果是，对前景进行了优化，特别是对联合国产品的东方化进行了优化，并将其命名为“telefono samsung modelo s6 edge”，将其命名为“telefono más generales”，将其命名为“telefonos”
市长助理”。埃斯特雷莫斯特拉特·阿尔古诺斯·卡索斯·德埃克西托庄园酒店。

以下是您需要执行的操作：

代码：

 <div class="thumbnail" style="overflow: hidden">

      <div class="col-xs-12">
        <h3>SEO: tus productos al "alcance de la mano"</h3>
      </div>
    <div class="row col-md-12">
      <p class="col-md-8 col-xs-12">
      Sabemos de la importacia....
      </p>
      <div class="col-md-4 col-xs-12 center-block">
        <img src="http://www.ziiweb.com/images/search_engines.png" class="img-responsive">
      </div>
    </div>
  </div>

搜索引擎优化：tus productos al“alcance de la mano”

进出口银行。。。。

您需要使

行

div 12列变宽（添加

col-md-12

）。然后根据需要在子div元素之间分布列（8和4）。此外，在较小的屏幕上，您希望它们占据全部宽度。您可以通过在较小屏幕（

col-xs-12

）上为文本和图像容器分配12列宽度来确保这一点

 <div class="thumbnail" style="overflow: hidden">

      <div class="col-xs-12">
        <h3>SEO: tus productos al "alcance de la mano"</h3>
      </div>
    <div class="row col-md-12">
      <p class="col-md-8 col-xs-12">
      Sabemos de la importacia....
      </p>
      <div class="col-md-4 col-xs-12 center-block">
        <img src="http://www.ziiweb.com/images/search_engines.png" class="img-responsive">
      </div>
    </div>
  </div>