Css 我想做一个响应性的横幅

我想做一个响应性的横幅。请看图片

我正在使用引导。当我在手机屏幕上看到它时，文本和底部图像应该相应缩放。有人能帮我实现吗？所有的图像、文本都应具有响应性，并相应地进行缩放。问候

编辑

这是我的旗帜。在大屏幕上

当我在小屏幕上看到它时，文本和图像不会缩放，而是重叠

这是我的滑块的代码。此外，我希望底部的3个图像是水平的，而不是垂直的

<!-- Slider -->
<div id="main-slider" class="flexslider">
  <ul class="slides">
    <li> <img src="img/slides/1.png" alt="" />
    </li>
  </ul>
</div>
<div class="flex-caption">
  <p>It's color therapy like you've never seen before!
    <br /> Colorpeutic is available on mobile for <span style="color:red">FREE</span>!
    <br />
    <br /> It's no longer a secret - coloring books have transcended age, and have become a worldwide phenomenon. Just relax and paint in a stress-free environment -- let your imagination soar!
    <br />
    <ul style="color:black !important; font-size:12px !important; line-height:16px !important">
      <li>Available Free on all major mobile platforms including iPhone, iPad, Google Play and Amazon!</li>
      <li>Unlimited colors available for FREE!</li>
      <li>Pinch to zoom on all mobile devices!</li>
      <li>Categories include mandalas, floral, animals, abstract, landscapes and much more!</li>
      <li>Simply pick a color and tap area to fill!</li>
      <li>Easy to save your work, share with friends, or share it online!</li>
    </ul>
  </p>
  <a href="#"><img src="img/app_store.png" alt="" class="img-responsive" style="height:40px; width:150px;" /></a>
  <a href="#"><img src="img/google_play.png" alt="" class="img-responsive" style="height:40px; width:150px;" /></a>
  <a href="#"><img src="img/amazon.png" alt="" class="img-responsive" style="height:40px; width:150px;" /></a>
</div>
<!-- end slider -->

这是你从未见过的色彩疗法！

手机上免费提供Colorpeutic！



这不再是一个秘密——彩色书籍已经超越了时代，成为一种世界性的现象。只要在一个没有压力的环境中放松和画画——让你的想象力翱翔吧！



在所有主要移动平台上免费提供，包括iPhone、iPad、Google Play和Amazon
免费提供无限颜色
在所有移动设备上进行缩放
类别包括曼荼罗，花卉，动物，抽象，景观和更多
只需选择一种颜色并点击要填充的区域
轻松保存您的工作，与朋友共享，或在线共享

我在

display:table

和

display:table cell

这也是在移动视图中为我显示文本的最佳方式

---

从中可以看出，文本没有离开图像，图像也表现为

背景大小：封面

。这是我想展示给你的唯一参考资料。如果你能告诉我，我会很高兴知道的。

我是在

显示：表格

和

显示：表格单元格

的帮助下做这件事的 这也是在移动视图中为我显示文本的最佳方式

---

从中可以看出，文本没有离开图像，图像也表现为

背景大小：封面

。这是我想展示给你的唯一参考资料。如果有帮助的话，请告诉我，我很乐意知道。

您是在要求别人编写或提供代码吗？向我们展示您的尝试和任何障碍，以便我们提供帮助。我不是设计师，请求不被接受。我甚至不知道设计的A B C。我在问你是否在试图让别人把代码交给你，因为你的耐心似乎让别人来做你的工作。向我们展示您尝试过的东西，或在网上查找资源以开始学习。如果你对使用bootstrapOkay编程一无所知，你就不应该在这里。让我给你看看我迄今为止所做的尝试。@AndrewL，我已经更新了我的问题。你是在要求别人编写或提供代码吗？向我们展示您的尝试和任何障碍，以便我们提供帮助。我不是设计师，请求不被接受。我甚至不知道设计的A B C。我在问你是否在试图让别人把代码交给你，因为你的耐心似乎让别人来做你的工作。向我们展示您尝试过的东西，或在网上查找资源以开始学习。如果你对使用bootstrapOkay编程一无所知，那么你就不应该真正在这里。让我来告诉你我到目前为止做了哪些尝试。@AndrewL，我已经更新了我的问题。