Bootstrap 3中不包含自定义CSS文件

时间:2014-12-23 05:55:44

标签: php html css twitter-bootstrap

可能是一个重复的问题,但我已经搜遍了所有,并且没有找到明确的答案。我的CSS文件没有包含在我的Bootstrap 3代码中。

以下是位于每个页面顶部的标题包含文件的示例。包含是通过PHP完成的。

    <title>Page Title</title>

    <!-- METAs -->

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, inital-scale=1.0">

    <!-- Stylesheets -->

    <link href="css/bootstrap.min.css" rel = "stylesheet">
    <link href="css/social-buttons.css" rel = "stylesheet">
    <link href="css/font-awesome.css" rel = "stylesheet">

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

</head>

<body>

    <div class = "navbar navbar-default navbar-static-top">


...

所有这些文件都来自CSS文件,并且可以访问该文件。我觉得所有东西都被正确包含在内。包含来自PHP文件的代码而不是原始代码内联可能是一个问题吗?

2 个答案:

答案 0 :(得分:0)

文件夹结构(对于核心php项目)必须是

Main Folder
   -- css
       --all css files
   --index.php / index.html

答案 1 :(得分:0)

如果你的路径是正确的,它确实应该不是问题。 我们假设您的目录是这样的:

/includes
    /header.php (calls the below css files)
/css
    /style.css
    /bootstrap.css
    /others.css
/index.php

在您的索引文件中,您的include将是:

<?php include ('includes/header.php');?>

在header.php中:

<link href="css/style.css" rel="stylesheet"> (etc, your other css files)