1

我已阅读所有线程，但我无法找出我的代码有什么问题。

我发现当我尝试将偏移量（或偏移量* 类 div 标签）放入我的流体网格系统时出现问题。基本上有 2 列具有 span2 和 span7 类，然后我将 span7 列划分为更多列。为此，我必须使用 offset*，因为我的设计之间有空格。但问题是，即使我确实使用了偏移类，我也看不出布局有什么不同。我将添加代码：

   <!--small column-->
    <div class="row-fluid">
      <div class="span2">
        <ul class="nav nav-list">
          <li class="nav-header">Available Electives</li>
          <li><a href="#">Dentist</a></li>
          <li><a href="#">Medical</a></li>
          <li><a href="#">Blah</a></li>
          <li><a href="#">And Blah</a></li>
        </ul>
      </div>

      <!--big column-->
      <div class="row-fluid">
        <div class="offset1"></div>
      <div class="span7">
        <h2>Join us!</h2>
        <p>What you do here will not only change the lives of people you help through this volunteer experience but also it willforever change your view on life as you know it. We promise you that the new places, cultures, cuisine and people you encounter will reward you with a whole new perspective in to life.
        Join with us and help to change a life; be it yours or someone else’s.
      </p>
      </div>
      <div class="span2">
        <img src="img/ceylonese-internship.jpg" class="thumbnail">
      </div>
    </div>
   </div>

我确信我已经添加了所有必需的 CSS 文件，因为所有其他文件似乎都运行良好。我正在本地服务器内测试该站点。

提前致谢！

4

1 回答 1

1

因此，如果您提供 jsfiddle 或类似的东西以最简单的形式显示您的问题是什么，那么对此类问题很有帮助。

在您的示例中，2.3.2 网格系统的实现有点偏离。基本的答案是，如果你想在现有的行流体中创建另一个行流体，你需要在 span# 内部才能遵循 Bootstrap 网格系统。此外，offset# 应该在与 span# 相同的 div 上调用。

http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem（寻找流体嵌套）。

这是该嵌套的示例：

<div class="row-fluid">
  <div class="span8">
    Fluid 8
    <div class="row-fluid">
      <div class="span6">Fluid 6</div>
      <div class="span6">Fluid 6</div>
    </div>
  </div>
  <div class="span3 offset1">
    Fluid 3, Offset 1
  </div>
</div>

这是你所做的工作版本。请注意，它没有任何嵌套的行流体，但它们现在应该很容易添加。

http://jsfiddle.net/3VJdH/

于 2013-09-15T21:10:52.140 回答