Html 重写相等的引导类以使用引导css?

Html 重写相等的引导类以使用引导css?,html,css,asp.net-mvc-4,twitter-bootstrap,Html,Css,Asp.net Mvc 4,Twitter Bootstrap,我有一个MVC4项目,它有一个global.css类,我最近添加了bootstrap,但是在我的global.css类中,我有一些同名的类,所以我决定进行bootstrap\u迁移.css,在那里我把一些前缀为class.bt的bootstrap类放在我的html我放了一些类似于class=“bt container”的东西,一切正常 在我的bootstrap\u migration.css上类似这样的内容: .bt .jumbotron { padding: 30px; margin-

我有一个MVC4项目,它有一个
global.css
类,我最近添加了bootstrap,但是在我的
global.css
类中,我有一些同名的类,所以我决定进行
bootstrap\u迁移.css
,在那里我把一些前缀为class
.bt
的bootstrap类放在我的html我放了一些类似于
class=“bt container”
的东西,一切正常

在我的
bootstrap\u migration.css上类似这样的内容:

.bt .jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
  background-color: #eeeeee;
}

但是我有更好的方法吗?

你不应该在课堂上留下空白。应该是

.bt.jumbotron

编辑:.bt.jumbotron表示.jumbotron是.bt的子元素,不应用于同一元素。

您不应该在类中留下空格。应该是

.bt.jumbotron
.bt.jumbotron
编辑:.bt.jumbotron表示.jumbotron是.bt的子元素,不应用于同一元素

.bt.jumbotron
只是不要在类之间留空格

类之间的空格表示是另一个类的子类

只是不要在类之间留空格

类之间的空格表示它是另一个类的子类。

添加一个新的css文件,如“booststrap custom.css”,并在后面包含它!您的bootstrap.css将显示在html标题中

例如:

<link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/bootrstrap-custom.css" />
您只需要覆盖填充,例如,将其插入bootstrap-custom.css

.jumbotron {
    padding: 30px;
}
瞧,你完了

通过这种方式,你不需要也永远不应该触碰你原来的bootstrap.css,添加一个新的css文件,比如“booststrap custom.css”,并将其包含在后面!您的bootstrap.css将显示在html标题中

例如:

<link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/bootrstrap-custom.css" />
您只需要覆盖填充,例如,将其插入bootstrap-custom.css

.jumbotron {
    padding: 30px;
}
瞧,你完了


这样,您就不需要也永远不应该接触原始引导。css

如果使用源引导,您可以更轻松地自定义引导文件。(其中,使用)

使用,可以嵌套类,以便可以更轻松地将更改应用于所有受影响的类。你可以很容易地做很多额外的定制

如果将添加到Visual Studio,则无论何时编辑该文件,都会更新该文件


解决方案的其余部分再好不过了。如果使用源引导,您可以更轻松地自定义引导文件。(其中,使用)

使用,可以嵌套类,以便可以更轻松地将更改应用于所有受影响的类。你可以很容易地做很多额外的定制

如果将添加到Visual Studio,则无论何时编辑该文件,都会更新该文件


解决方案的其余部分再好不过了。

好吧。。我应该这么做。但我的问题是根本不这样做。我是说。。使用引导原始css和my global.css:),然后使用!在css中很重要,因此可以与它们的引导一起使用。好啊我应该这么做。但我的问题是根本不这样做。我是说。。使用引导原始css和my global.css:),然后使用!在css中很重要,因此可以与它们的引导一起使用。2种方式:1。在后一个或第二个示例中包含要应用的css。使用!重要的是你说一切都很好,那你问什么?我知道你在寻找一种“更好”的方法,但你还尝试了什么呢。你对CSS的理解有多好。我不想让bootstrap_migration.CSS类。。。这是一个痛苦,这就是为什么我要问:)如果你在引导CSS之后添加自定义CSS,那么引导CSS中任何同名的类都将被新规则覆盖(假设你指定相同的规则类型)2种方式:1。在后一个或第二个示例中包含要应用的css。使用!重要的是你说一切都很好,那你问什么?我知道你在寻找一种“更好”的方法,但你还尝试了什么呢。你对CSS的理解有多好。我不想让bootstrap_migration.CSS类。。。这是一种痛苦,这就是为什么我要问:)如果在引导CSS之后添加自定义CSS,那么引导CSS中任何同名的类都将被新规则覆盖(假设您指定相同的规则类型)