Html 使用引导类还是自己的类来定制css?

Html 使用引导类还是自己的类来定制css?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,如何定制引导元素?我应该在custom.css中使用完全相同的引导类,还是应该为每次定制创建新类?如果需要所有输入更改,请根据您的要求在custom.css中获取引导类,或者仅为一个或两个元素添加您自己的类。我建议创建新类并将该类添加到HTML中元素添加到引导类之外。这样,您就可以覆盖引导类并将信息添加到引导类中,并完全按照需要修改元素 为什么会这样 这是一种更干净的方法,因为如果其他了解引导的人加入并在您的项目中工作,您希望能够达到默认的未更改的引导类。您应该在引导之前和之后对引导进行收费。您

如何定制引导元素?我应该在custom.css中使用完全相同的引导类,还是应该为每次定制创建新类?

如果需要所有输入更改,请根据您的要求在custom.css中获取引导类,或者仅为一个或两个元素添加您自己的类。

我建议创建新类并将该类添加到HTML中元素添加到引导类之外。这样,您就可以覆盖引导类并将信息添加到引导类中,并完全按照需要修改元素

为什么会这样


这是一种更干净的方法,因为如果其他了解引导的人加入并在您的项目中工作,您希望能够达到默认的未更改的引导类。

您应该在引导之前和之后对引导进行收费。您可以覆盖引导程序的类,但应该在另一个文件上覆盖


这应该是一个很好的实践,因为您可以升级bootstrap的库而不会出现问题,也不会丢失代码。不要修改bootstrap.css文件

当你需要升级bootstrap时,这会使你的生活变得复杂(你需要这么做)

2。创建自己的css文件,并在需要原始引导文件时覆盖它

如果他们设置了一个顶栏,比如说,
颜色:黑色但如果希望它为白色,请为此顶栏创建一个新的非常特定的选择器,并在特定的顶栏上使用此规则。例如,对于一个表,它应该是
。如果在
bootstrap.css
之后声明css文件,这将覆盖您想要覆盖的任何内容

添加自定义样式表

在引导CSS文件夹中创建一个新文件,并将其命名为custom.CSS

现在,在您的网站部分,在默认引导样式表之后加载新的自定义CSS文件。应该是这样的

<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
</head>
现在,如果使用默认引导样式(.btn类)将按钮添加到网页,则角不会变圆。这是因为您的自定义样式表覆盖了默认的引导样式表


在默认引导样式表之后添加您自己的自定义样式表的好处是,在引导得到升级的情况下,您可以简单地用新的引导样式表替换引导样式表,并且您的自定义样式将保持不变。请注意,对于主要升级,您可能需要修改自定义样式。尽管如此,使用这种方法,即使是重大升级也会容易得多。

谢谢您的回答!因此,这意味着通常使用原始的引导类。如果我只想更改单个元素,显然我必须使用特殊的选择器。是的,我同意这一点。不要一个人。直接更改引导或2。使用内嵌样式或3。使用ID,只需创建一个custom.css并确保它总是在bootstrap.css之后加载;这样custom.css总是覆盖引导类。欢迎您,所以也请接受答案@yN@bharatsavani如果我读对了你的评论,你说要在custom.css中修改bootstrap默认类的定义,我不同意这是最好的方法。也许这在你独自工作的时候是有效的,但是在一个有更多开发人员参与的大公司里,这可能是一场噩梦……这都是关于我们自己代码的要求。我不同意,内联样式不是很容易长期维护的,事实上它违背了CSS本身的目的。@NathanielFlick我绝对不鼓励内联样式。我想你误解了我的评论。我鼓励在custom.css文件中创建另一个类,您可以在已使用且需要修改的引导类之外使用它。答案中没有提到内联样式。我想他指的是用一个新类覆盖引导类,当然是在css文件中。很抱歉,我误解了这一点:“除了引导类之外,还将该类添加到HTML元素”。您不会向html元素添加类。谢谢您的回答!我也有同样的想法,并且认为创建新类更好。但在不利的一面,这导致了许多新的类…我已经在其他地方看到了这个答案!如果理解正确,它会导致“视情况而定”,不是吗?使用自己的类,这对于将来的版本是最好的@yN.Ty,但我不是说在哪里重写引导类。问题是应该使用原始类还是使用新类来覆盖它们。
.btn {
    border-radius: 0px;
}