mvc asp.net Visual Studio 如何覆盖 bootstrap.css 文件答案

【问题标题】：mvc asp.net visual studio how to override bootstrap.css filemvc asp.net Visual Studio 如何覆盖 bootstrap.css 文件
【发布时间】：2016-06-30 21:01:48
【问题描述】：

M 试图在 Visual Studio 2013 中使用 Mvc asp.net 构建网站。我已将我的 css 文件-'style.css' 捆绑到项目中，但我的网站在标题和其他重要内容周围有不需要的空白和边距元素，尽管在我的 CSS 中设置了 margin:0。我发现默认情况下项目中的 bootsrap.css 文件导致了这种情况。如何覆盖 bootstrap.css 文件？因为它适用于标题和容器等主要元素，所以具体无济于事。我是这方面的初学者。请帮我解决。

【问题讨论】：

在您的 style.css 样式表中，在您的样式后添加 !important，这将覆盖该元素的引导 css。
感谢您的回答。但我的问题仍然存在。
你好，我都试过了，但问题仍然存在。更具体地说，我的容器没有占据屏幕的整个宽度，尽管我指定了 margin:0 和 padding:0。即使在指定 margin-right:0 之后，容器类也没有完全伸展到屏幕的右侧。我什至尝试了 margin-right:-15px .. 仍然没有效果。请帮忙。我已经被这个问题困扰了很长时间。

标签： html css asp.net asp.net-mvc twitter-bootstrap

【解决方案1】：

CSS 文件的顺序很重要。
确保文件名完全匹配（注意大写）。例如，如果您在“内容”文件夹中有文件style.css，并且您输入~/Content/Style.css，那么它将不起作用。替换第一个大写“S”。

确保BundleConfig.cs 中文件的文件夹名称正确转到BundleConfig.cs 并将~/Content/css 部分替换为以下代码：

bundles.Add(new StyleBundle("~/Content/css").Include(
              "~/Content/bootstrap.css",
              "~/Content/Site.css",
              "~/Content/style.css"));

【讨论】：

【解决方案2】：

将 style.css 的 <link /> 元素放在 bootstrap 元素之后。样式按顺序应用，因此您的 style.css 文件将应用于引导样式。

【讨论】：

如果您需要更具体的帮助，您需要提供有关您遇到的问题的更多详细信息。

【解决方案3】：

将 Style.css 放在 bootstrap.css 之后例如：<link href="css/bootstrap.min.css" rel="stylesheet" /> <link href="css/style.css" rel="stylesheet" />

【讨论】：

【解决方案4】：

如果您发现您的属性未被考虑在内，您可以将“！important”标签添加到您的样式项目中。

https://css-tricks.com/when-using-important-is-the-right-choice/

【讨论】：

【解决方案5】：

创建您自己的自定义 css 文件并将其放在 bundle config 中的 bootstrap.css 文件之后。当浏览器呈现时，引导程序首先呈现，然后您的自定义 css 呈现并覆盖引导程序的 css

【讨论】：