【发布时间】：2014-06-19 20:47:17
【问题描述】：
我正在尝试建立一个基于引导程序的网站。我建立了一个网格系统，每个row 有两个col，它们有"col-md-8" 和"col-md-4" 类。我想要的是，如果有人在平板电脑上查看网站，例如，两个col 应该在彼此之下。
col-md-8 内部有一个图像，如果我将浏览器窗口缩小以查看它在平板电脑上的外观，文本会从高度变长，而图片会变小。所以它们仍然彼此相邻，但我想将它们放在彼此下方。
示例代码
<div class="item"> <!--Slide Block 2 -->
<div class="row featurette">
<div class="col-md-8">
<img class="featurette-image img-responsive" data-src="holder.js/500x500/auto" alt="T & M Limousinen Exklusive Transferfahrten" img src="img/placeholder_2.png">
</div>
<div class="col-md-4">
<h3 class="featurette-heading">Exklusiv und komfortabel <span class="text-muted"> bis zum Ziel</span></h3>
<p class="lead">
Ob regional oder bundesweit, T&M ist für Ihre Transferfahrten der richtige Partner. Exklusivität, Komfort und Diskretion stehen an oberster Stelle.
Unsere Gäste werden direkt nach Verlassen des Flugzeuges, vom Hotel oder bei ihren Geschäftsterminen abgeholt. Wir bieten unseren Gästen somit höchste Flexibilität und den größtmöglichen Komfort für Geschäftsreisen oder Privatbesuche.
</p>
<p class="lead">
Nutzen Sie die Möglichkeit, komfortabel, sicher und entspannt zu Ihren Terminen zu gelangen.
Wir fahren Sie innerhalb der Hansestadt Hamburg oder bundesweit stets pünktlich zu Ihren Zielen. In unseren Limousinen werden Transfers zu Geschäftsterminen, Messen, Hotels, Flughafen zum exklusiven Erlebnis.
Gerne unterbreiten wir Ihnen Ihr persönliches Angebot.
</p>
<p class="lead">
Anfragen richten Sie bitte per Mail an <a href="mailto:info@limousinenservice.de">info@limousinenservice.de</a> oder per Telefon an 040/500182-0.
</p>
</div>
</div>
</div>
这是我上传预览的链接link
【问题讨论】：
-
但是在您的预览中，您没有使用 col-md-8...我在呈现的 HTML!对不起，我的错。我更新了，现在是我正在使用它。它在 Leistung 下的部分。里面写着 1140*600 的红色图像 - 那是 col-md-8 。尝试使用 strg+r 刷新站点尝试在 div 中添加 clearfix 类。或许能解决你的问题。