为什么 <nav> 导航栏元素放置在容器外部?

问题描述 投票:0回答:2
javascript jquery html css twitter-bootstrap
2个回答
0
投票

“我的理解(我认为)是,为了让 Bootstrap 能够,呃,bootstrap,一切都必须位于容器 > row > col 中” - 为了让 Bootstrap 网格系统正常工作 - 是的。但导航通常一开始并不使用网格系统;大多数情况下,您有一个独立于网格的导航,后面是可能使用网格的主页内容。 – CBroe 1 分钟前

这回答了我的问题。谢谢。


0
投票

这使得导航栏能够拉伸到全宽 - 其中的 .container 限制了导航元素本身。看看[https://getbootstrap.com/examples/theme/]你会看到深色导航栏条是全角的。

没有什么可以阻止您制作多个全角部分,每个部分都有自己的 .container div。有关示例,请参阅 [https://getbootstrap.com/examples/jumbotron/] - .jumbotron 也有一个子 .container,但背景拉伸到全宽。

此外,.navbar 元素没有什么特别之处,这意味着它必须位于容器外部,如本例所示:[https://getbootstrap.com/examples/carousel/].

因此,请使用要设置最大宽度的容器并确保网格系统正常工作。

© www.soinside.com 2019 - 2024. All rights reserved.