Bootstrap导航栏

Question

我是网页设计和特殊twister boostrap的新手。 我想存档这样的东西：

• 关于移动尺寸，当我点击导航栏切换按钮时，会有一个黑色图层，0.7不透明度覆盖我的页面（但它不会覆盖我的菜单）。
  
• 然后，如果我点击黑色图层上的任何地方，我的导航栏将恢复正常）黑色图层将消失。
  

提前谢谢！

Answer 1

我强烈建议您多次阅读此http://getbootstrap.com/整个网站。如果您打算使用Bootstrap，您需要非常熟悉整个框架才能真正利用它。

这是NavBar部分。

http://getbootstrap.com/components/#navbar

此外，这是一个很好的自举导航栏示例。

http://getbootstrap.com/examples/navbar-fixed-top/ 如果您将页面大小调整为移动设备尺寸，则会看到导航栏更改为下拉菜单。

根据我的经验，我单独留下Bootstrap CSS文件并创建一个覆盖文件。这样每次Bootstrap都会发布更新时，您不必花费大量时间来尝试纠正新bootstrap.css中所有已更改的样式。或者更糟糕的是bootstrap.min.css。

就您的问题而言，在堆栈溢出时，您需要发布其他用户可以协助的现有代码。但是您的问题非常广泛，听起来您希望有人为您编写完整的导航栏。拿这个示例页面制作你自己的导航栏页面，然后尝试找出如何实现你想要的东西，然后如果你遇到问题，请回到Stackoverflow并寻求特定问题的帮助。