加载CSS时出问题

时间：2015-09-17 12:08:34

标签： html css html5 css3

我在webapp中加载css时遇到404错误。 我的html内容如下：

<!DOCTYPE html>
<html>
<head>
<!-- <meta charset="ISO-8859-1"> -->
<meta charset="utf-8">
    <title>PSL Inter App</title>
    <meta name="description" content="PSL Inter app for accounting"/>
    <meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">
    <!-- Loading Bootstrap -->
    <link href="WEB-INF/css/bootstrap/bootstrap.min.css" rel="stylesheet" type='text/css'>
    <!-- Loading Flat UI -->
    <link href="WEB-INF/css/flat-ui.css" rel="stylesheet" type='text/css'>
    <link href="WEB-INF/css/assets/demo.css" rel="stylesheet" type='text/css'>

    <!-- <link rel="shortcut icon" href="img/favicon.ico"> -->
</head>
<body>
<div class="col-xs-3">
Please Login!!
    <div class="form-group">
          <input type="text" value="" placeholder="Username" class="form-control">
    </div>
 </div>
</body>
</html>

我的目录结构如下：

enter image description here

有人可以帮忙吗？

谢谢！

3 个答案:

答案 0 :(得分：1)

您需要找到应用根目录的文件夹。 我认为<link href="/css/bootstrap/bootstrap.min.css" rel="stylesheet" type='text/css'>这可以帮到你。

答案 1 :(得分：0)

你的css路径应该是

 <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" type='text/css'>
<!-- Loading Flat UI -->
<link href="css/flat-ui.css" rel="stylesheet" type='text/css'>
<link href="css/assets/demo.css" rel="stylesheet" type='text/css'>

答案 2 :(得分：0)

我将css文件夹从WEB-INF移到了WebContent，并将其包含在下面并且工作正常!! 

<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" type='text/css'>
<!-- Loading Flat UI -->
<link href="css/flat-ui.css" rel="stylesheet" type='text/css'>
<link href="css/assets/demo.css" rel="stylesheet" type='text/css'>
相关问题
最新问题