当前位置:  开发笔记 > 前端 > 正文

Bootstrap 4:如何在容器中使用带有内容的全宽导航栏(如SO导航栏)?

如何解决《Bootstrap4:如何在容器中使用带有内容的全宽导航栏(如SO导航栏)?》经验,为你挑选了2个好方法。

我正在使用Bootstrap 4.

如何制作像SO导航栏一样的导航栏?

内容如同"容器"对齐,但在引导程序4中的"容器 - 流体"的宽度?

我想要"固定顶部"导航栏设置的宽度,而不是固定顶部和导航栏内容在"容器"中.

我想提供一个例子,但我想尝试制作与本页顶部的导航栏完全相同的东西.



1> hungerstar..:

只需在元素周围包裹一个.container元素.

@import url( 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css' );

#primary-nav {
  background-color: skyblue;
}


2> Ravi Ram..:

我能够使菜单宽度达到100%


在Bootstrap 4中使用nav-fill w-100

推荐阅读
路人甲
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有