Navbar中的项目不会随着浏览器的最小化而移动

时间:2012-08-16 09:22:42

标签: css html5 css3 twitter-bootstrap twitter-bootstrap-rails

我正在使用twitter bootstrap导航栏,当我将浏览器最小化到一些小尺寸并滚动到结束列表项时,列表项显示在导航栏中。 这看起来如下所示。

浏览器最大化时

导航栏:

  

enter image description here

最小化浏览器时的Navbar:

  

enter image description here

即使浏览器已最小化,我也希望将项目固定在导航栏上。

2 个答案:

答案 0 :(得分:0)

http://davidwalsh.name/demo/css-fixed-position.php

这样的事情? (黄色的盒子上写着“无论你去哪里,我都能找到你!”)

如果是,则将位置更改为NAVIGATION的固定位置。

position:fixed;

(CSS)

答案 1 :(得分:0)

min-width 定义为Navbar。例如写这样:

.Navbar{
 min-width:1000px;
}