Question

我是Bootstrap的初学者，现在我正在学习Bootstrap

我对编辑引导程序类有疑问

我要编辑引导程序类，例如，我要更改边框的大小和颜色，

我创建文件（main.css）并调用类，例如：table 并在main.css中定义新的边框和颜色：

.table{
border : 2px solid red;
}

但是main.css中的此代码不起作用！应该注意的是，我使用以下代码在html中调用main.css文件：

<link rel="stylesheet" type="text/css" href="main.css">

Answer 1

假设您使用的选择器类会影响要更改其边框的元素（可以使用浏览器中的检查工具并查看CSS进行检查），请确保包含自己的CSS文件 AFTER 引导程序。

还请注意，某些引导程序类在某些样式规则中包含！important，这意味着，如果没有！important属性（.table不具有此属性，则CSS不会覆盖该规则（但您可以更改稍后再讲）。

要考虑的另一个因素是您的浏览器可能正在缓存CSS文件，因此任何更改都可能不会显示在浏览器中。您应该清除此缓存以查看是否有帮助。

Answer 2

名称为.table的类非常通用，您可能需要在命名约定中再考虑一下。

html

<table class="table table-bordered table-bordered--custom">...<table>

css

.table-bordered--custom td, .table-bordered--custom th {
    border: 2px solid red !important;
}

Answer 3

请确保在引导文件之后调用main.css文件。

<link rel="stylesheet" type="text/css" href="bootstrap.css">
<link rel="stylesheet" type="text/css" href="main.css">

或者，您可以添加！important语句：

.table{
border : 2px solid red !important;
}