Question

我在 php 中创建了一个单独的头文件，以便我可以通过 php include function 在每个页面中重复使用它>但是在标题页中，当我编写简单导航栏的代码时，它显示在列表项中而不是内联。

（此问题与标记的任何其他问题不完全相同由某人复制，我经历了不同的问题我的问题，但我没有找到，所以我自己问了这个问题）

这是我的代码：

index.php（主索引页）

＆＃13;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="img/favicon.ico">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/fontawesome-all.min.css">
</head>
<body>
   <?php include 'header.php'; ?>
   
   <div>
       
   </div>
   
   <?php include 'footer.php'; ?>
   
   <script src="js/jquery-3.3.1.min.js"></script>
   <script src="js/bootstrap.bundle.min.js"></script>
   <script type="text/javascript" src="http://www.google-analytics.com/ga.js"></script>
</body>
</html>

＆＃13;

header.php（我在其中创建bootstrap导航栏的标题页）

＆＃13;

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="index.php">O.S.P</a>
        </div>
        <ul class="nav navbar-nav">
            <li class="active"><a href="index.php">Home</a></li>
            <li><a href="services.php">Services</a></li>
            <li><a href="about-us.php">About Us</a></li>
            <li><a href="sign-in.php">Sign In</a></li>
            <li><a href="sign-up.php">Sign Up</a></li>
        </ul>
    </div>
</nav>

＆＃13;

，这里是index.css（辅助CSS文件）

＆＃13;

.nav li{
    display: inline;
}

＆＃13;

毕竟，当我运行我的页面时，它会显示如下：

浏览器的页面输出图片：

Answer 1

更新names网址正在运行

看到这个小提琴

https://jsfiddle.net/xv6mkfo8/3/

为什么我的bootstrap导航栏没有在bootstrap 4中显示内联？

1 个答案: