Twitter Bootstrap - 调整浏览器窗口的大小 - 导致布局元素的位置

时间:2013-08-14 09:41:30

标签: twitter-bootstrap

我刚开始使用Twitter Bootstrap并且无法使用其所有功能:) 问题是当我调整浏览器窗口的大小时,我的元素(例如顶部,底部菜单和右角的元素)会混乱地改变它们的位置。 据我所知,当您将元素放置在常见的容器中并提供 class =“row-fluid”时,TB应自动处理它 但我没有运气解决这个问题。 演示模板已放置在http://www.01kuzma.tk/ 等待一些帮助! 谢谢!

1 个答案:

答案 0 :(得分:0)

我在这里看到夫妻问题:

您正在选择器#nav上指定固定尺寸。您不能在流畅的布局中使用这样的固定尺寸。如果删除它,您将看到事情开始正常运行。

此外,您在#h_line上使用top。这应该是margin-top(再次尝试不使用固定尺寸,而是使用%)。请记住,top属性指定元素顶部边缘边缘的位置,而margin-top适用于整个块元素。

让我澄清一件事,并不是你不能完全使用固定维度,而是如果你这样做,你必须在每个断点处声明不同的值(通过@mediaqueries)。