Javascript 为什么bootstrap无法访问在点击_Layout.cshtml的选项卡上获得的视图？

我正在使用mvc-5并使用bootstrap，我的所有链接都在

\u布局中。cshtml

现在我在我的

\u Layout.cshtml

我有

renderbody（）

可以呈现我所有的UI

我想做什么

单击“实时”选项卡时，我会得到一个下拉列表，在进一步单击“表格”时，必须打开该列表，将选项卡下方的当前视图替换为新视图

我是如何尝试这样做的

（1） 在home controller中，我执行以下操作：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace testLayt.Controllers
{
    public class HomeController : Controller
    {
        // GET: Home
        public ActionResult Index()
        {
            return View();
        }
        public ActionResult tabularshared()
        {
            return View();
        }
    }
}

（2） 然后创建视图，并在该视图中添加布局路径，如下所示：

@{
    ViewBag.Title = "shekharTabularshared";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>tabularshared</h2>

而Index.cshtml是：

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
    }

<h2>shekhar Index</h2>

@{
ViewBag.Title=“Index”；
Layout=“~/Views/Shared/_Layout.cshtml”；
}
谢哈尔指数

此外，我还注意到，当我“检查元素”时，点击“表格”，我没有

，这让我感到惊讶，我从最后3天就被困在这里了。谁能帮帮我吗

---

这是我的完整项目，如果您能帮助我解决这个问题，我非常感激。

这对您如何呈现UI没有影响

确保开发人员控制台中没有错误（可能是错误的） 为引导脚本配置捆绑包）

只留下一个对引导CSS的引用：

href=“~/Content/bootstrap.min.css”

在开发人员控制台中检查所有脚本和样式是否已实际加载到页面

若并没有问题，但你们的代码仍然不工作-添加一个完整的屏幕截图，你们的网页在浏览器中，让我知道在评论

您在bootsrap CSS链接中丢失了“~”符号

<script src="bootstrap/js/jquery-ui.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>

您是否包含了相关的引导css文件？我已将所有文件都包含在_Layout.cshtml中（为了使顶部的下拉式选项卡对于这些选项卡下面加载的每个视图都必须保持通用，因为我们在基本MVC msdn示例中有Home、About和Contact）。但是我刚刚在_Layout.cshtml中包含了我所有的css和JS链接，但没有在tabular.cshtml中。我需要在tablar.cshtml中添加它们吗？如果是，如何包含这些内容？我的tabular.cshtml只包含我在第（2）点中显示的代码，获得的UI显示在这里（它以文本形式显示所有选项卡，但没有UI allignment）。能否显示您的_Layout.cshtml文件？能否在屏幕截图中显示所有窗口，而不仅仅是列表？请查看我编辑的问题。我不知道为什么css没有加载到上的tablershared.cshtml视图中。@ajpr，请参阅编辑的答案。如果没有帮助，请将您的项目上传到任何免费文件存储中，并给我它的链接。请像前面所说的那样查看此链接。问题是您的链接在“\u Layout.cshtml”文件中缺少“~”符号。看这个：我刚刚解决了这个问题。。请不要介意前面的评论。谢谢你的回答

<script src="bootstrap/js/jquery-ui.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>