Question

我在HTML代码下方，我打算与index.php文件一起使用，但似乎有问题。

<!-- nav bar -->
<nav id="top">
<nav class="navbar navbar-xs navbar-custom"> 
  <div class="container-fluid" >

        <div  class="nav pull-right">
        <font face="bebas">
      <ul class="list-inline">
        <li><a href="#"> 123456789 </a></li>
        <li class="dropdown"><a href="#" title="My Account" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> My Account <span class="caret"></span></a>
          <ul class="dropdown-menu dropdown-menu-right">
                        <li><a href="#">Register</a></li>
            <li><a href="#">Login</a></li>
                      </ul>
        </li>
        <li><a href="#" id="wishlist-total" title="Wish List (0)"><i class="fa fa-heart"></i> Wish List (0)</a></li>
        <li><a href="#" title="Shopping Cart"><i class="fa fa-shopping-cart"></i> Shopping Cart</a></li>
        <li><a href="#" title="Checkout"><i class="fa fa-share"></i> Checkout</a></li>
      </ul>

    </div>
  </div>
</nav>
</nav>

<!-- searchbar and logo -->

<header id="margin">
  <div class="container">
    <div class="row">
      <div class="col-xs-4">
        <div id="logo">
                    <center> <span class="tab-space"></span> <a href="J:\lawn\home\home2.htm"><img src="J:\lawn\home\artwork\lawn.png" height="42px" /></a>
                  </div>
      </div>
      <div class="col-xs-5">
       <div id="search" class="input-group">
        <input type="text" name="search" value="" placeholder="Search" class="form-control" border-rad>
          <span class="input-group-btn">
              <button class="btn btn-secondary" type="button" style="border-radius: 0;">Search</button>
          </span>
       </div>      
      </div>
      <div class="col-xs-3">
      </div>
    </div>
  </div>
  </font>
 </header>

index.php

<!DOCTYPE html>

<html>
<head>

<title> experiment ground </title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<!-- <meta name="viewport" content="width=device=width, initial-scale=1"> omitted to remove unresponsiveness of columns -->

<meta http-equiv="X-UA-Compatible" content="IE=edge">



<link href="J:\bootstrap\bootstrap-3.3.6-dist\css\bootstrap.min.css" rel="stylesheet" type="text/css">

<link href="J:\bootstrap\bootstrap-3.3.6-dist\css\cutom.css" rel="stylesheet" type="text/css">
<script src="J:\bootstrap\bootstrap-3.3.6-dist\js\bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>


</head>

<body>

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


</body>
</html>

我想要一个类似this的输出，但我得到的只是this。是完全使用bootstrap或其他东西的问题。我的主要目的是使用PHP的include（）功能使我的代码最小化。有没有其他方法我可以在PHP页面中包含页眉或页脚模板或代码？谢谢！

Answer 1

在包含Bootstrap之前链接jQuery

<link href="J:\bootstrap\bootstrap-3.3.6-dist\css\bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="J:\bootstrap\bootstrap-3.3.6-dist\css\cutom.css" rel="stylesheet" type="text/css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"</script>  
<script src="J:\bootstrap\bootstrap-3.3.6-dist\js\bootstrap.min.js"></script>

Answer 2

1）打开开发人员工具（F12）

2）刷新页面

3）检查＆＃34; console＆＃34;标签

我想，你会在游戏机中找到答案。无论如何，将路径更改为relative（假设文件index.php在一个树级别使用bootstrap目录）：

parseFloat()

而不是：

href="bootstrap\bootstrap-3.3.6-dist\css\bootstrap.min.css"

为所有文件执行此操作，或者只是从CDN连接它 - 它会很棒;）

Answer 3

在 bootstrap.min.js

之前调用jquery.min.js
脚本bootstrap.min.js在大多数操作中使用jQuery插件。

另外，检查文件是否实际位于所描述的路径中。强烈建议您从主项目目录中调用文件。

使用include（）时，php无法使用bootstrap

3 个答案: