Bootstrap 3在加载时忽略custom.css

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不想工作，只是被完全忽略了。

谁能帮我这个忙吗？

谢谢。

帕特里克。

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 个解决方案

解决方案1
3 已采纳 2015-01-24 11:23:35

解决方案2
0 2015-01-24 11:22:26

Bootstrap 3在加载时忽略custom.css

问题描述

2 个解决方案

解决方案1 3 已采纳 2015-01-24 11:23:35

解决方案2 0 2015-01-24 11:22:26

解决方案1
3 已采纳 2015-01-24 11:23:35

解决方案2
0 2015-01-24 11:22:26