Question

我正在开发一个带引导程序的项目。我刚刚在药片<ul class="nav nav-pills nav-stacked"> <li role="presentation" class="active"><a href="#">Home</a></li> <li role="presentation"><a href="#">Home</a></li> <li class="dropdown" role="presentation"> <a data-toggle="dropdown" class="dropdown-toggle" href="#">About</a> <ul class="dropdown-menu"> <li><a href="#">Inbox</a></li> <li><a href="#">Drafts</a></li> <li><a href="#">Sent Items</a></li> <li><a href="#">Trash</a></li> </ul> </li> <li role="presentation"><a href="#">Users</a></li> <li role="presentation"><a href="#">Messages</a></li> <li role="presentation"><a href="#">Contact</a></li> </ul>中加入了一个子菜单，但它不起作用。当我点击消息时没有任何事情发生

class UserSerializer(serializers.ModelSerializer):
    groups = SerializerMethodField()

    class Meta:
        model = User
        fields = ('username', 'groups')

    def get_groups(self, obj):
        return [group.name for group in obj.groups]

上述脚本的任何帮助。感谢

Answer 1

了解关于关键字的锚标记中data-toggle="dropdown"的含义？您似乎在“关于”下方有下拉菜单，而不是“消息”。

另外，请务必包含Bootstrap JavaScript。 HTML的<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>部分应该有<head>这样的标记。这使下拉列表能够正常工作。

Bootstrap药丸子菜单不起作用

1 个答案: