自举液和静态容器

时间:2013-02-12 18:20:38

标签: html css twitter-bootstrap

我正在尝试将流体容器与固定容器组合在单页引导程序布局中。

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

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

我会尝试使用普通.span4row-fluid的3列图像,但它会添加我不想要的装订线。当我试图移除排水沟时,跨度变短。

我会尽快更新我的问题,并举例说明我会尝试做什么,以及我目前所处的位置。

*更新*

这是我迄今为止所做的事情的整页结果 http://jsfiddle.net/ditikos/ejMAQ/4/embedded/result/

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

  • 如何将三列.block置于一种方式,当我到达手机视图时,它会像普通网格一样堆叠?
  • 我实际上是尝试使用.aThird切片创建一个三列内容轮播。是否可以使用网格布局?

1 个答案:

答案 0 :(得分:2)

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

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

编辑:此答案对bootstrap 3无效