Question

当我将index.php文件更改为index.html时，它在本地运行main.css文件。但是当我用php运行它时，它看不到main.css。 Bootstrap会看到css文件。

注意：当我在本地运行时，index.html代码有效。代码没有问题。

编辑：问题不在PHP中

<!DOCTYPE HTML>
<html>
<head>
<title>Hi</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/main.css">  
</head>
<body>

<a href="/panel.php"><button type="button" class="btn btn-primary btn-outline-danger">Danger</button></a>
</body>
</html>

的main.css：

.btn-primary{
  font-size: 20px;
  padding: 15px 60px;
  background-color: #fed136;
  text-transform: uppercase;
}

Answer 1

这不是真正的PHP问题。发生这种情况是因为Bootstrap覆盖了您的主要CSS。事实上，使用主CSS，给你的按钮一个ID名称，并将其更改为主cass。我认为这将有效

bootstrap默认css btn-primary

<a href="" class="btn-primary class_name" ></a>

使用css

.class_name.btn-primary{
  font-size: 20px;
  padding: 15px 60px;
  background-color: #fed136;
  text-transform: uppercase;
}

Answer 2

请不要覆盖引导类，而是使用自定义类说.btnDelete。

.btnDelete{
   font-size: 20px;
  padding: 15px 60px;
  background-color: #fed136;
  text-transform: uppercase;
}

并删除星号btn-primary.Bootstrap使用蛇案例符号来命名类。为什么不使用camelCase表示法来区分用户定义的类和引导类。

Answer 3

这实际上不是PHP问题。它正在发生，因为Bootstrap覆盖了你的主要CSS。要实际使用主CSS，请为您的按钮添加id名称，然后在main.css中进行更改。我认为这会奏效。 ; - ）

使用bootstrap时，css文件在localhost上不起作用

3 个答案: