3

我正在尝试在单页引导布局中将流体容器与固定容器结合起来。

我想要的是(例如),有一个大图像作为一个英雄单位(但不是英雄单位)视口的 100% 宽度/高度,或者 3 列图像除以 100%,但在其他场合(在同一页面内)它将具有最大 1200px 的容器以及引导程序的网格元素。我计划将它与这个http://untame.net/2013/01/how-to-design-a-single-page-scrolling-site-with-twitter-bootstrap/结合起来制作一个垂直滚动的单页网站。

它可以实现吗?或者我应该为我的单个页面的所有“部分”进行自定义布局并应用媒体查询?

我会尝试使用正常的 3 列图像,.span4row-fluid它增加了我不想要的排水沟。当我尝试移除排水沟时,跨度会变短。

我将尝试用一个工作示例来更新我的问题,该示例说明我将尝试做什么以及我目前所处的位置。

* 更新 *

这是我到目前为止所做的事情的完整页面结果 http://jsfiddle.net/ditikos/ejMAQ/4/embedded/result/

现在.block指的是将生成页面的 javascript 类,以便它们将是视口高度的最小值(在第二种情况下.thumbnail,它可以达到视口高度的 2 倍,因为也可能有一组 6 个缩略图在一个页)

  • 我怎样才能将三列放置.block在当我进入电话视图时它会像普通网格一样堆叠的方式?
  • 我实际上是在尝试用.aThird切片制作一个三列内容轮播。是否可以使用网格布局?
4

1 回答 1

2

如果您阅读 Bootstrap 的网站,您会发现:

  • 基本流体网格 HTML**
  • “通过将 .row 更改为 .row-fluid 使任何行“流动”。列类保持完全相同,从而可以轻松地在固定网格和流动网格之间切换。

编辑:此答案对引导程序 3 无效

于 2013-02-12T18:26:03.923 回答