使用Twitter Bootstrap在asp.net MVC中创建一个split-button-dropdown

时间:2013-10-20 16:04:31

标签: asp.net asp.net-mvc twitter-bootstrap asp.net-mvc-5

我正在尝试使用Bootstrap和ASP.NET MVC 5创建split button dropdown,但我似乎无法呈现正确的标记。这就是我到目前为止......

<div class="btn-group">
        @Html.ActionLink("Details", "Details", new { id = item.ClientTypeID }, new { @class = "btn btn-sm btn-primary" })
        <a class="btn btn-sm dropdown-toggle" data-toggle="dropdown">
            <span class="caret"></span>
        </a>
        <ul class="dropdown-menu" role="menu">
            <li>@Html.ActionLink("Edit", "Edit", new { id = item.ClientTypeID })</li>
            <li>@Html.ActionLink("Delete", "Delete", new { id = item.ClientTypeID })</li>
        </ul>
</div>

我毫不怀疑这是我自己的错,但任何人都可以指出我在模板中应该拥有的内容。我没有看到所需的下拉菜单,而是看到了最初的“详细信息”按钮,我看到下拉符号,但点击插入符不会显示其他项目。

如果它有所不同,我使用VS2013的默认模板和Cosmo theme from Bootswatch。这也在表格单元格中呈现。

感谢。

1 个答案:

答案 0 :(得分:0)

  • 确保在bootstrap.min.js之前注册了jQuery。
  • 使用所有现代浏览器中提供的开发者工具调试错误。
  • Chrome使用Ctrl + J,IE使用F12,FireFox使用Shift + F2

快乐编码..