CSS - 不考虑更改

时间:2015-10-05 16:47:44

标签: html css twitter-bootstrap

我正在使用Bootstrap显示列表,我正在尝试自定义其list-item-component

我的CSS文件中有以下代码:

.list-group-item {
    border:0 !important;
    padding-top:2px;
    padding-bottom:2px;
}

我像这样引用CSS文件:

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link href="list.css" rel="stylesheet" type="text/css">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Restriction Lists</title>
</head>
<body>

<div id="tree"></div>

<script src="ListApplication.js"></script>


</body>

</html>

Bootstrap代码位于以下文件中(我正在使用React)。

  <script src="ListApplication.js"></script>

另一个奇怪的事情是Chrome Developer Tools无法正确显示CSS文件。

2 个答案:

答案 0 :(得分:0)

首先尝试<meta>

<meta http-equiv="content-type" content="text/html" charset="utf-8">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link href="list.css" rel="stylesheet" type="text/css">

并确保在ListApplication.js

中成功编写了jquery和bootstrap

它应该有用。

答案 1 :(得分:0)

问题在于我是在Webstorm中打开HTML文件。当我更改CSS文件时,更新未在刷新时加载到浏览器中。