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