为此只需将以下代码片段

Arzina55

的网站此过程都是相同的。导航栏样式接下来我们将了解导航栏的不同样式选项以便您可以选择最适合您网站品牌的样式。导航栏下拉菜单假设您想在导航栏中包含很多页面。您可以列出最重要的三个然后将其余的包含在下拉菜单中而不是并排列出它们。或者也许您想包含一些访问者可以采取的操作项目例如联系您订阅您的博客或注册您的时事通讯。您可以将这些项目及其相应的网页包含在下拉菜单中。嵌套在之后即可。在此示例中我替换了占位符文本下拉链接操作另一。

个操作和此处还有其他内容。导航栏颜色要更改导航栏的颜色您只需更改第一行代码中提到的主题类和背景颜色实用程序的组合。在第一个示例中看到哪里写着吗类要求浅色背景颜色而要求深色背景颜色。将导航栏设置为浅灰色。其他支持 数字数据 的背景颜色如下所示。导航栏的背景颜色实用程序图片来源在下面的示例中我选择了标记为信息的蓝色。最终结果如下透明导航栏如果您希望导航栏的颜色与背景颜色相同则不必匹配颜色。相反您可以使用实用程序使导航栏透明。在下面的示例中。



我使用十六进制颜色代码更改了整个网页的背景颜色并使导航栏透明。导航栏折叠在上面的示例中类和都被使用因此导航栏内容在大断点处折叠在按钮后面。您可以将和类与结合起来以在内容折叠到按钮后面时进行更改。假设我希望内容以像素折叠而不是像素。然后我在代码中将更改为结果如下所示垂直导航栏您可能希望网站上有垂直导航栏而不是水平导航栏。在这种情况下您必须删除和类。结果将如下所示固定导航栏默认情况下导航栏与任何元素一样默认定位为静态。