如何在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并刷新页面。 如果您需要一些有关锻炼的参考，请查看此链接

Answer 2

您需要持久化客户端上的活动样式表。 可能通过cookie。