html - Bootstrap 带间距的固定导航栏

标签 html css twitter-bootstrap navbar

我在我的应用程序中使用了两个导航栏,它们在较小的屏幕中单独折叠。 在某些屏幕中,我将有两个导航栏,而在某些屏幕中,只有顶部。

enter image description here

通过将 navbar-fixed-top 添加到导航栏,它会粘在顶部,但我想将它们堆叠在彼此的顶部,并且页面的内容应该在下方适本地间隔开,以便它具有可见性并且不会隐藏在导航栏下方。

Link

最佳答案

要使页面内容从固定导航栏下方开始,您需要向正文添加固定高度 padding-top(参见 http://getbootstrap.com/components/#callout-navbar-fixed-top-padding)。由于您有一个或两个导航栏,因此您需要两个具有不同高度的类,并将其中一个添加到 body

要使第二个导航栏显示在第一个导航栏下方,您可以向其添加一个类似 .navbar-fixed-top--secondary 的类,以获得 top: 50px .

关于html - Bootstrap 带间距的固定导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28123774/

相关文章:

html - Safari 14 - min()、max()、clamp() 不适用于 vw 和 px 值

javascript - 使用 JavaScript 函数显示不同跨度后,CSS 悬停停止工作

jquery - 如何在单击按钮时关闭 Bootstrap 下拉菜单?

html - 无论我做什么,视差图像都会放大

python - 有没有办法将html嵌入到pygame中

css - 具有固定长度和高度的 Angular Bootstrap 卡。有没有办法减少代码?

php - 事件导航栏菜单项 CSS3/HTML5

javascript - 在父 div 上切换类名

javascript - Bootstrap 模式是否显示取决于 bootstrap 版本

php - 提高数据库查询执行时间的措施