如何强制固定导航栏具有PAGE的全宽而不是视口?[复制]

How to force a fixed navbar to have full width of the PAGE rather than the viewport? [duplicate]

提问人:C Murphy 提问时间:10/10/2018 最后编辑:C Murphy 更新时间:10/10/2018 访问量:60

问:

在我的 Web 应用程序中,我有一个工单的创建和编辑页面,其中包括一个动态输入表(换句话说,我的表在单击带有单个单元格的按钮时填充一行,其中包含一个包含下拉列表的单元格,并且在选择下拉列表时,它会用必要的输入字段填充行的其余部分)。因此,我有一行超出了视口。我正在尝试找到一种方法来设置我的共享布局模板以完全扩展标题的宽度?我已经尝试过自动和 100% 宽度,但我相信这些仅适用于初始视口(我可能是错的)。我知道这纯粹是装饰性的,但否则看起来很尴尬。

这是我共享布局页面中的div标签:

<div class="navbar navbar-inverse navbar-fixed-top" style="background-color:#0139a6;">

截图(声誉太低,无法直接嵌入图片)

尝试将导航栏 div 包装在容器流体类 div 中后

HTML CSS 推特引导

评论

0赞 Sujan Gainju 10/10/2018
尝试将 div 放在带有类的 div 中container-fluid
0赞 C Murphy 10/10/2018
我试过这个,但没有用。当我向右滚动时,它仍然只有导航栏跨越初始视口宽度的宽度,而不是我希望它覆盖的 ~3,000 像素。

答:

0赞 C Murphy 10/10/2018 #1

我意识到我的问题基本上是下面链接的问题的重复。这是因为如果不对像素值进行硬编码,就无法设置导航栏的样式,这显然不是最佳实践,因此,相反,将滚动条应用于我非常宽的表格应该可以解决问题。

bootstrap css 中的水平滚动表