Bla*_*ard 25 css twitter-bootstrap twitter-bootstrap-3
根据Bootstrap 3的navbar static-top的文档,
静态顶部创建一个全宽导航栏,通过添加.navbar-static-top滚动离开页面,并包含.container或.container-fluid以居中和填充导航栏内容.
与.navbar-fixed-*类不同,您不需要更改主体上的任何填充.
这种方法有什么作用？上面的文档在我看来,即使我向下滚动页面到底部,导航栏也固定在屏幕顶部.然而,它就是这样.navbar-fixed-top做的,当我.navbar-fixed-top在我的应用程序中使用时,它完全适用于我所提到的.
但是,当我.navbar-static-top在我的应用程序中写道时,我不知道是什么让它与仅仅有所不同.navbar-default.任何人都可以帮我澄清差异和.navbar-static-top做什么？
Zim*_*Zim 52
navbar-static-top删除创建的左,右和上边框navbar-default,使其在页面顶部看起来更好,而您可能只想navbar-default在页面的其他位置使用 ...
另一方面,navbar-fixed-top用途position:fixed.如果页面上的内容延伸到视口下方(大多数页面上都有),navbar-fixed-top则会保留在顶部,而navbar-static-top将会滚动.由于它navbar-fixed-top是固定的,它需要身体有填充顶部,以便它不覆盖页面内容......
正如您在每个示例中向下滚动时所看到的那样,顶部导航栏的响应方式不同.
| 归档时间： |
|
| 查看次数： |
46190 次 |
| 最近记录： |