Question

我有这个非常奇怪的问题。

我正在尝试使用 Bootstrap 3 进行编码。在<head>我声明了要使用CSS的链接。虽然HTML完全忽略了我的第三个链接。

<head>
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">        
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-theme.css" rel="stylesheet">      
    <link href="css/custom.css" rel"stylesheet">
</head>

如您所见，引用css / custom.css的第三个链接是正确的。但是在网站上它被完全忽略了。

我尝试使用

编写一个简单的按钮

<button type="button" class="btn btn-primary">Default</button>

在custom.css中我有.btn类

.btn{
border-radius: 0px;
}

因此按钮的边框应该是直的而不是像bootstrap3中那样圆润。问题是我的 custom.css 不想工作，而且完全被忽略了。

有人可以帮我解决这个问题吗？

谢谢。

Patryk。

Answer 1

'REL'后添加'='。

您的代码：

 <link href="css/custom.css" rel"stylesheet">

应该是：

 <link href="css/custom.css" rel="stylesheet">

Answer 2

如果正确加载custom.css，则引导代码的优先级更高，因此您可能希望使用button.btn.btn-primary{border-radius: 0px;}或.btn.btn-primary{border-radius: 0px!important;}

正如@Damian所说，custom.css文件根本没有加载。

Bootstrap 3在加载时忽略custom.css

2 个答案: