css - 使用 MVC Razor 引导自定义主题

Question

我正在使用带有 Razor 的 ASP.NET MVC 开发一个 Web 应用程序。该网络应用程序将推出具有不同颜色主题的不同动态产品。我需要在引导程序中更改以下颜色：

• 导航栏
• 导航丸
• 纽扣

我发现的解决方案：

• Kickstrap 有不同的颜色主题
• 我可以为不同的产品启动不同的引导 CSS（将从他们的网站定制这些引导主题）

有没有更好/优化的方法来做到这一点？

Answer 1

我通常通过编写自己的 css 类来覆盖引导程序样式。例如，如果我想覆盖 nav-pills，我会做类似的事情：

<ul class="nav nav-pills nav-pills-custom">
    ...
</ul>

** 注意：您仍然需要添加 nav-pills 类以及您的自定义 css 类。

如果您使用的是 less，我通常会创建一个新的 less 文件并在那里添加我的样式。否则，您可以将样式添加到您的 css 文件中。

.nav-pills-custom {
    ** Override bootstrap settings here (such as color)
    ** Note: You may need to add !important
}

您可以对导航栏和按钮执行类似的操作。