css - 如何在 ASP.NET 中更改 Bootstrap CSS 文件？

Question

可以在 2 个 CSS 文件之间切换吗？

例如:我有默认的 Bootstrap 主题，但我想制作一个带有主题列表的下拉列表，以便用户可以选择他想要的主题。搜索我发现你可以有这样的东西:

<link type="text/css" rel="stylesheet" href="../Content/bootstrap.min.css" title="default"/>
<link type="text/css" rel="alternate stylesheet" href="../Content/bootstrap.min.cosmo.css" title="cosmos"/>

您可以使用 JavaScript 函数更改:

<script>
    function setActiveStyleSheet(title) {
        var i, a, main;
        for (i = 0; (a = document.getElementsByTagName("link")[i]) ; i++) {
            alert(a.href);
            if(a.getAttribute("rel").indexOf("style") != -1
               && a.getAttribute("title")) {
                a.disabled = true;
                if(a.getAttribute("title") == title) a.disabled = false;
            }
        }
    }
</script>

但是当我点击一个按钮时，我认为页面刷新并返回到默认主题。 有没有办法永久更改主题？

Answer 1

是的，你可以!您必须获取 css 文件的 url 并将其添加到 BundleConfig 并刷新页面。如果您需要使用它进行锻炼的一些引用，请查看此 link