html - 如何在没有响应的情况下在英雄单位内做两行？

Question

我在 Bootstrap 上做一个网络，我遇到了一些严重的问题，即使使用 Bootstrap 文档我也无法解决。所以，这是我的代码:

<div class="container">
  <div class="hero-unit">
    <h2>Two Rows</h2>
        <div class="row">
          <div class="span6">
            <center>
            <img src="../img/renders/example.png" style="position: absolute; width: 200px; height= 200px; margin-top: 80px">
            <img src="../img/covers/some_image.jpg" title="Image title" class="img-rounded propiedades_imagenes">
            </center>
          </div>
        </div>
          <div class="span6">
            <div class="well" style="margin-top:130px">
              <a class="btn btn-large btn-primary" href="#link">
                <i class="icon-download"></i> Download</a>

              <a class="btn btn-large btn-inverse" href="#random.html" style="margin-left:272px">
                <i class="icon-random icon-white"></i></a>
            </div>
          </div>
        </div>

我正在尝试在 Hero-Unit 中创建两行，问题是当我激活了响应式设计时它起作用了，但是当我激活它时页面只是在越来越小的屏幕上用设计做一些疯狂的事情比我的，所以我只是删除了指向 bootstrap-responsive.css 的链接，我放了一个“class=row”而不是“class=row-fluid”，但现在它只创建一行而不是两行，并把所有的内容第一行下的第二行。

我做错了什么吗？我知道如何通过响应来做到这一点，但它搞砸了我所有的工作。

我想要什么以及通过响应式设计得到什么的图片:http://i1129.photobucket.com/albums/m518/ZoxSoft/Capturadepantalla2013-08-13alas000037_zps064f71b1.png

Answer 1

我不熟悉 Bootstrap 或 Hero-unit

但我认为您需要另一个带有 class="row" 的 Div

如果不了解正在发生的事情以及它应该做什么，就很难排除故障。但乍一看我说你需要另一个带有行类的 div 标签。

你有 3 </div>在您提供的代码片段的末尾，只有 2 个需要关闭？

新

在您的第一个图片链接中，看起来您有很多样式但没有Title Attribute 也没有Class Attribute

如果没有该类属性，您的响应式和 Hero-Unit 将不知道要捕获它