Question

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>

    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="font-awesome-4.4.0/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="font-awesome-4.4.0/css/font-awesome.min.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/jquery-ui.js"></script>
    <script src="js/map.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
    </head>

现在我应该在哪里添加我在style.css文件上面添加的引导程序文件，但它显示的功能不可读

Answer 1

如果你使用默认的Bootstrap文件夹结构，而 if 你的HTML文件在根目录中，那么你会添加如下内容：

<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="js/bootstrap.min.js"></script>

在你的头部。 JavaScript文件应该在jQuery引用之后，并且CSS文件通常在任何自定义CSS文件之前。

例如：

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>

<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="font-awesome-4.4.0/css/font-awesome.min.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/map.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>

（顺便说一下，我删除了上面的一个Font Awesome样式表;确保另一个指向一个有效的路径，因为它与CSS的其余部分不在同一个文件夹中）

Bootstrap文件不可读

1 个答案: