文章/答案/技术大牛

发布

社区首页 >问答首页 >PHP文件在引导过程中部分失败

问PHP文件在引导过程中部分失败
EN

Stack Overflow用户

提问于 2018-01-06 00:11:29

回答 1查看 35关注 0票数 0

我试图用引导程序对一个名为dashboard.php的php文件进行样式化。我只在文件中写了一些html代码来开始。当我测试它时，我发现'ul‘标签中的样式是错误的。然而，其他类，如‘class=’、col 2“‘class=’行‘正在按预期工作。这是dashboard.php中的代码：

<?php ?>

<!DOCTYPE>

<html>
    <head>
        <title>Dashboard</title>
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
        <script src="js/jquery-3.2.1.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </head>

    <body>
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-2">
                    <ul class="nav nav-pills nav-stacked" >
                        <li><a href="dashboard.php">
                        <span class="glyphicon glyphicon-th"></span>Dashboard</a></li>
                        <li><a href="#">
                        <span class="glyphicon glyphicon--list-alt"></span>Add New Post</a></li>
                        <li><a href="#">Categories</a></li>
                        <li><a href="#">Manage Admins</a></li>
                        <li><a href="#">Comments</a></li>
                        <li><a href="#">Live Blog</a></li>
                        <li><a href="#">Logout</a></li>
                    </ul>
                </div><!-- End of side area-->

                <div class="col-sm-10">
                </div><!-- End of main area-->
            </div><!-- End of raw-->
        </div>
    </body>
</html>

这是我在测试dashboard.php：在这里输入图像描述时所做的屏幕截图

如果你把图像记录下来。蓝色单词的左边属于'ul‘标签。这种风格是完全错误的。它也没有添加图标图标。我检查了我的html代码的语法，似乎没有什么问题。

我还想补充更多信息：

文件的扩展名为.php
我打开了Apache打开的XAMPP
打开文件dashboard.php的url是正确的：http://localhost/studyexample/PHPCMS/dashboard.php

你能帮我找出为什么'ul‘标签的样式是完全错误的吗？非常感谢。

html

css

twitter-bootstrap

回答 1

Stack Overflow用户

发布于 2018-01-06 00:41:19

这里的问题可能是，您使用的资产相对URL，但没有使用基标记。最简单的方法就是在资产的路径上添加一个正斜杠。当我在CodePen中运行您的代码时，它看起来应该：

https://codepen.io/anon/pen/vpWLqo

所以，我的意思是，对于以下资产：

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>

添加一个正斜杠，以便URL是绝对的：

<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
<script src="/js/jquery-3.2.1.min.js"></script>
<script src="/js/bootstrap.min.js"></script>

一旦你这么做了，我想你会发现事情开始变得不一样了。如果没有，您将需要指定更多完整的资产路径，这意味着您可能需要拥有完整的路径，例如：

<link rel="stylesheet" type="text/css" href="/studyexample/PHPCMS/css/bootstrap.min.css">
<script src="/studyexample/PHPCMS/js/jquery-3.2.1.min.js"></script>
<script src="/studyexample/PHPCMS/js/bootstrap.min.js"></script>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48123012

复制

相似问题

问PHP文件在引导过程中部分失败
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问PHP文件在引导过程中部分失败EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问PHP文件在引导过程中部分失败
EN