我正在尝试在单页引导布局中将流体容器与固定容器结合起来。
我想要的是(例如),有一个大图像作为一个英雄单位(但不是英雄单位)视口的 100% 宽度/高度,或者 3 列图像除以 100%,但在其他场合(在同一页面内)它将具有最大 1200px 的容器以及引导程序的网格元素。我计划将它与这个http://untame.net/2013/01/how-to-design-a-single-page-scrolling-site-with-twitter-bootstrap/结合起来制作一个垂直滚动的单页网站。
它可以实现吗?或者我应该为我的单个页面的所有“部分”进行自定义布局并应用媒体查询?
我会尝试使用正常的 3 列图像,.span4
但row-fluid
它增加了我不想要的排水沟。当我尝试移除排水沟时,跨度会变短。
我将尝试用一个工作示例来更新我的问题,该示例说明我将尝试做什么以及我目前所处的位置。
* 更新 *
这是我到目前为止所做的事情的完整页面结果 http://jsfiddle.net/ditikos/ejMAQ/4/embedded/result/
现在.block
指的是将生成页面的 javascript 类,以便它们将是视口高度的最小值(在第二种情况下.thumbnail
,它可以达到视口高度的 2 倍,因为也可能有一组 6 个缩略图在一个页)
- 我怎样才能将三列放置
.block
在当我进入电话视图时它会像普通网格一样堆叠的方式? - 我实际上是在尝试用
.aThird
切片制作一个三列内容轮播。是否可以使用网格布局?