jquery - Bootstrap 导航栏

Question

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

• 在移动尺寸上，当我点击导航栏切换按钮时，将有一个 0.7 不透明度的黑色层覆盖我的页面(但它不覆盖我的菜单)。
  
• 然后，如果我单击黑色图层上的任意位置，我的导航栏将恢复正常)并且黑色图层将消失。
  

提前致谢!

Answer 1

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

这是导航栏部分。

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

此外，这是 Bootstrap 导航栏的一个很好的例子。

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

根据我的经验，我保留了 Bootstrap CSS 文件并创建了一个覆盖文件。这样，每次 Bootstrap 推出更新时，您就不必花费大量时间来尝试更正新的 bootstrap.css 中所有更改的样式。或者更糟糕的是 bootstrap.min.css。

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