bootstrap流体和静态容器

我正试图在一个页面引导程序布局中将流体容器与固定容器相结合。bootstrap流体和静态容器

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

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

我会尝试使用正常的.span4和row-fluid的3列图像，但它增加了我不想要的阴沟。当我尝试去除排水沟时，跨距变短。

我会尝试尽快更新我的问题，并提供一个我将尝试做的工作示例，以及我目前的位置。

* UPDATE *

这里的东西一整页的结果到目前为止，我已经做了 http://jsfiddle.net/ditikos/ejMAQ/4/embedded/result/

现在.block指的JavaScript类，将生成的网页，使他们将最小视口高度（在.thumbnail的第二种情况下，它可以达到视口高度的2倍，因为在一个页面中也可以有一组6个缩略图）

我怎么能把三列.block的方式，当我到了手机视图，它会堆叠像正常的网格？
我实际上试图制作一个三列内容轮播与.aThird切片。是否可以使用网格布局？

来源

2013-02-12 Panagiotis

http://twitter.github.com/bootstrap/scaffolding.html只需仔细阅读本网站。它教你如何做几乎所有的事情。如果您仍然有问题，请回过头来问一些具体的代码示例。 – 2013-02-12 18:29:00

我很快就会发布代码，现在我正在打电话。 – Panagiotis 2013-02-12 18:38:35

如果你阅读引导的网站，你会发现：

基本流体网格HTML **
通过改变.row到.row流体“做任何一行‘流体’列班保持完全一样，可以很容易在固定和流体网格之间翻转。“

编辑：这个答案是无效的引导3

来源

2013-02-12 18:26:03

该功能似乎与bootstrap一起消失3. – Lars 2013-07-27 14:34:34

@RaphaelRafatpanah您还没有访问过该网站。引导程序3现在是最新的。 http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/ – Routhinator 2013-09-12 18:42:26

bootstrap流体和静态容器

回答

相关问题