基金会5中顶级导航下拉列表中的任意内容？-Java 学习之路

我试图将任意内容放在Zurb Foundation 5导航栏的下拉列表中 . 基本上，我想要的只是一个登录按钮，用于打开登录表单下拉列表 . 看起来Foundation只支持顶部栏中下拉列表的 <ul> 列表，即使导航栏外的下拉列表允许您使用 f-dropdown content 类的任何内容 .

使用Bootstrap可以很容易地实现这一点，但我认为Foundation的设计可以更加自定义 . 当然这有可能吗？另一个示例用例是StackExchange徽标下拉列表 - 它包含各种可滚动内容，包括搜索表单 . 怎么能在基金会 Build 这样的东西？

2 回答

0
在基金会这样做很简单，除非我误解了你想要的东西 - 难道你不能简单地做这样的事吗？
```
<li class="has-drodown">
   <a href="#"><img src=""></a>
   <ul class="dropdown">add your login form here..</ul>
</li>
```
文档中有很多例子：http://foundation.zurb.com/docs/components/topbar.html

如果您不希望在悬停时显示下拉列表，可以将 is_hover: false 添加到 data-options - 如下所示：
```
<nav class="top-bar" data-topbar data-options="is_hover: false">
```
回复于 2024-04-26T01:59:50+08:00
0

http://foundation.zurb.com/docs/v/3.2.5/navigation.php#btopEx

任意内容下拉菜单您还可以使用特定大小的下拉列表，其中包含任何类型的内容，包括行和列 .

希望这可以帮助！

回复于 2024-04-26T01:59:50+08:00

基金会5中顶级导航下拉列表中的任意内容？

2 回答

相关问题