【问题标题】:how to include bootstrap css file in zend framework 1.12如何在 zend 框架 1.12 中包含引导 css 文件
【发布时间】:2019-01-11 23:34:21
【问题描述】:

我有一个 Zend 框架应用程序正在运行。我创建了一个布局。现在我需要在我的布局中包含引导 css 文件。

我尝试使用“baseUrl”,但没有成功。我在“public/assets/css”中有css文件。

我还尝试了 zend 框架网站上的教程。但它没有用。

他们提到使用

<?php echo $this->headLink()->appendStylesheet('/assets/css/bootstrap.css') ?>

我在布局页面中添加了上述行,但它不起作用。

当我使用此标题链接时,也供您参考,在控制台中它显示为

Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8010/assets/css/bootstrap.css".

非常感谢任何帮助。提前致谢。

头部标签:

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Zend Framework Quickstart Application</title> 
    <link href="/assets/css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"> 
</head>

额外信息:我有一个控制器“HomeController”我已经定义了一个动作

public function homeTwoAction()
    {
        // action body
        $this->_helper->layout->setLayout('layout');

    }

在视图中 -> 我在“脚本/主页”中有 home-two.phtml。

在布局中我有以下代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Bootstrap</title>
<!--    <link rel="stylesheet" href="style/bootstrap.min.css">-->
<!--    <link rel="stylesheet" href="style/customstyle.css">-->
    <!--<link type="text/css" rel="stylesheet" href="/assets/css/customstyle.css">-->
    <?= $this->headLink()->appendStylesheet('/assets/css/customstyle.css') ?>
    <?= $this->headLink()->appendStylesheet('/assets/css/bootstrap.min.css') ?>

</head>
<body>
    <div class="container-fluid">

        <?php echo $this->layout()->content ?>

    </div>
</body>
</html>

我正在访问

http://localhost:8010/home/home-two

HTML 内容已加载,但 css 未加载。谢谢。

【问题讨论】:

  • 页面加载时发布head标签的内容。你使用的是什么服务器?阿帕奇?
  • &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;title&gt;Zend Framework Quickstart Application&lt;/title&gt; &lt;link href="/assets/css/bootstrap.css" media="screen" rel="stylesheet" type="text/css"&gt; &lt;/head&gt; Netbeans 内置服务器
  • 您需要配置您的服务器以提供具有适当 mime 类型的文件
  • 感谢尼尔帕特劳的回复。我需要在 Netbeans Web 服务器中配置它吗?
  • 是..在 Netbeans 中

标签: php css zend-framework


【解决方案1】:

解释改变 Mime 类型here

  1. 转到工具 -> 选项

  2. 然后在Miscellaneous选项卡下选择文件类型css并确保Associated File Typetext/css

编辑

尝试打开http://localhost:8010/assets/css/http://localhost:8010/assets/ 你看到了什么?

【讨论】:

  • 供您参考:当我打开此链接 http://localhost:8010/assets/css/bootstrap.min.css 时,它不会打开 css 文件,而是打开一个页面。
  • 它显示了欢迎使用 Zend Framework 页面的内容和我在home-two.phtml 文件中添加的 html。
  • 打开上面的链接并在您的问题中发布您看到的内容
  • 显示为An error occurred Page not found
  • 您是通过 netbeans IDE 还是 Windows 资源管理器添加 assets 文件夹的..?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-03-28
  • 1970-01-01
  • 1970-01-01
  • 2011-01-01
  • 2013-05-28
  • 1970-01-01
相关资源
最近更新 更多