Question

我通过MAXcdn托管的CDN使用BOOTSTRAP。但现在我想改变CSS文件中的某些内容，但它不在我的服务器上。

所以我的问题是，当您通过CDN解决方案嵌入文件时如何处理其他CSS？

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

Answer 1

创建一个名为custom.css的新文件，并在CDN版本之后将其包含在<head></head>内。

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">

<!-- Your Custom theme -->
<link rel="stylesheet" href="your/path/to/custom/css/file">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

Answer 2

最好的解决方案是将bootstrap.css文件中的CSS规则覆盖到custom.css文件中。

例如

如果您在引导程序css (custom.css)之后加入(bootstrap.css),，则可以通过重新定义规则来覆盖规则。

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">

<!-- Your Custom CSS code should go in this file-->
<link rel="stylesheet" href="css/custom.css">

提示：确保在bootstrap CDN文件之后将custom.css文件添加到HTML文档中。

BOOTSTRAP CDN托管，附加CSS

2 个答案: