Question

我想使用bootstrap在grails视图中创建菜单。菜单正在创建，但点击它没有显示下拉列表。以下是“消息和管理”链接下的下拉列表。我使用的是grails 2.4.2版本。我的web-app下有bootstrap文件夹。有人可以帮我这个吗？以下是我的代码：

我的观看文件＆gt;＆gt;＆gt;

    <%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
    <title>Bootstrap 3</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <head>

    <g:javascript plugin="jquery" library="jquery" src="jquery/jquery-1.11.1.js"/>

    <link rel="stylesheet" href="${resource(dir: 'bootstrap/css', file: 'bootstrap.min.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'bootstrap/css', file: 'bootstrap-responsive.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'bootstrap/css', file: 'bootstrap.css')}" type="text/css">

    <script type="javascript" src="${resource(dir: 'bootstrap/js', file: 'bootstrap.js')}"></script>

    <asset:stylesheet src="application.css"/>
    <asset:javascript src="application.js"/>

</head>

<body>
<div class="bs-example">
    <ul class="nav nav-pills">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">Profile</a></li>
        <li class="dropdown">
            <a href="#" data-toggle="dropdown" class="dropdown-toggle">Messages <b class="caret"></b></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 class="divider"></li>
                <li><a href="#">Trash</a></li>
            </ul>
        </li>
        <li class="dropdown pull-right">
            <a href="#" data-toggle="dropdown" class="dropdown-toggle">Admin <b class="caret"></b></a>
            <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li class="divider"></li>
                <li><a href="#">Settings</a></li>
            </ul>
        </li>
    </ul>
</div>
</body>

</html>

Answer 1

已经完成了。我不知道我将不得不在grails-app / assets / javascripts文件夹下粘贴bootstrap.js文件。当我把它贴在那里时，它工作正常。谢谢。

使用grails中的bootstrap填充下拉菜单

1 个答案: