0

我目前在我的项目中使用 2 个 CSS 模板:一个来自 Bootstrap 4,另一个来自 Metronic。看起来两者的CSS之间存在冲突,所以我的navbar看起来不对。我已经将 Bootstrap CSS 放在 Metronic CSS 之上,但我navbar的仍然无法正常工作。

<link rel="stylesheet" type="text/css" href="../assets/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../assets/demo/default/base/style.bundle.css" />

我已经做了相反的事情,但它没有改变任何东西。这是我的源代码navbar

<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-primary " >
<a class="navbar-brand" href="<?php echo base_url()?>" style="margin-right:-80px">
  <img src="<?php echo asset_url()?>images/logosmkn.png" style="max-width: 50%">
</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
 </button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
  <ul class="navbar-nav mr-auto">
    <li class="nav-item ">
      <a class="nav-link" href="<?php echo base_url()?>">Home <span class="sr-only">(current)</span></a>
    </li>
    <li class="nav-item ">
      <a class="nav-link" href="<?php echo base_url()?>home/register">Pendaftaran</a>
    </li>
    <li class="nav-item ">
      <a class="nav-link" href="<?php echo base_url()?>home/hasil">Hasil Seleksi PPDB</a>
    </li>
    <li class="nav-item ">
      <a class="nav-link" href="<?php echo base_url()?>home/pengumuman">Pengumuman/Berita</a>
    </li>
  </ul>
  <ul class="navbar-nav navbar-right">
    <li class=" nav-item">
      <?php if (isset ($_SESSION['nama_lengkap'])){?>
      <img src="<?php echo asset_url()?>images/user_m2.png" class="rounded-circle" style="max-width: 10%; float:right">
      <?php }?>
    </li>
    <li class="nav-item active ">
      <a class="nav-link href" href="<?php echo base_url()?>home/logout" ><?php 
        if (isset ($_SESSION['nama_lengkap'])){
        echo $this->session->userdata('nama_lengkap');
        }?>
      </a>
    </li>
  </ul>
</div>

的问题navbar当我删除 Metronic CSS 时,navbar效果很好。

4

0 回答 0