使用Bootstrap的文本和图像相对响应

我正在研究网页的响应能力，因为我使用的是Bootstrap。使用Bootstrap的文本和图像相对响应

网页由图像和文字组成。我能够让他们两个都很敏感，但是图像能够独立于文本获得响应。两者并不相互关联。

我的意思是如果img在5行文字之后出现，它正在移动到其他地方，但它的大小正在减小。我怎样才能使文字和图像相对响应？

<body> 
<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-md-6 col-sm-8 col-xs-12"> 
      <img src="live_files/img_01.svg" class='img-responsive "stl_01"'> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-md-6 col-sm-8 col-xs-12"> 
      <div class="stl_02"> 
       <span class="stl_03">Browser Support </span> 
      </div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-md-6 col-sm-8 col-xs-12"> 
      <div class="stl_04"> 
       <span class="stl_05">For PC users, LiveBinders is compatible 
        with Firefox 21 and higher, Safari 4.0.5 and higher, </span> 
      </div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-md-6 col-sm-8 col-xs-12"> 
      <div class="stl_06"> 
       <span class="stl_05">Chrome 30 and higher, and I.E. 9.0 and 
        higher. </span> 
      </div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-md-6 col-sm-8 col-xs-12"> 
      <div class="stl_07"> 
       <span class="stl_05">For Mac users, LiveBinders is 
        compatible with Safari 6.0.0, Chrome 30 and higher, and Firefox </span> 
      </div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-md-6 col-sm-8 col-xs-12"> 
      <div class="stl_08"> 
       <span class="stl_05">21 and higher. </span> 
      </div> 
     </div> 
    </div> 
    <script src="js/jquery.min.js"></script> 
    <script src="js/bootstrap.min.js"></script>

我从PDF格式转换为HTML，在PDF文件中的图像来自任何地方其间的文本内容。

但是，通过添加这种响应，图像先来，然后文本得到显示，我的意思是图像不正确的格式，因为它是在pdf中，它没有对齐。

如何使文本和图像相对于彼此？

来源

2014-07-10 Afreen

没有例子或代码，这是不可能的 – valerio0999

我已经编辑我的问题用代码 – Afreen

在这里t理想的理由不会显示你的实际理由，那么只有我们可以帮助你。 – Sri

我猜的错误是在这里

<div class="row"> 
    <div class="col-md-6 col-sm-8 col-xs-12"> 
     <img src="live_files/img_01.svg" class='img-responsive "stl_01"'> 
    </div> 
</div>

应该

<div class="row"> 
    <div class="col-md-6 col-sm-8 col-xs-12"> 
     <img src="live_files/img_01.svg" class="img-responsive"> 
    </div> 
</div>

入住这

http://jsbin.com/loqiwebu/1/

来源

2014-07-10 10:14:28

IAM转换从PDF到HTML，在该PDF文件图像来的任何地方之间的文字内容。但通过添加这个响应图像先来，然后ttext得到显示，我的意思是图像不是正确的格式，因为它是在pdf中，它没有对齐。如何使文本和图像相对于彼此。两者都获得了回归，但他们不是相对的......... – Afreen

使用Bootstrap的文本和图像相对响应

回答

相关问题