Question

很抱歉打扰您，但我确实需要帮助，因为我不是一个好的CSS编码器。因此，我一直在为项目使用adminLTE模板，现在我想将公司徽标插入导航栏/标题。现在，我已经成功插入徽标并且可以查看它了，但是现在，我想增加徽标的大小。但是，当我增加尺寸时，导航栏看起来相同，导致徽标仅显示一半。这就是我的意思。

这是我的标头代码。

  <header class="main-header">
  <div>
    <!-- Logo -->
    <a href="index.php" class="logo">
   
     <span class="logo-mini"><img src="uploads/office/britay.png" class="brandlogo-image" alt="Brand Logo"></span>
      <!-- logo for regular state and mobile devices -->
     <span class="logo-lg"><img src="uploads/office/britay.png" class="brandlogo-image" alt="Brand Logo"><strong>Britay Asia</strong></span>
    </a>
	
	</div>
	
	<div>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top" >
      <!-- Navbar Right Menu -->
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <li>
            <a href="jobs.php">Jobs</a>
          </li>
          <li>
            <a href="candidate.php">Candidates</a>
          </li>
          <li>
            <a href="#">Company</a>
          </li>
          <li>
            <a href="#about">About Us</a>
          </li>
          <?php if(empty($_SESSION['id_user']) && empty($_SESSION['id_company'])) { ?>
          <li>
            <a href="login-candidates.php">Login</a>
          </li>
          <li>
            <a href="register-candidates.php">Sign Up</a>
          </li>  
          <?php } else { 

            if(isset($_SESSION['id_user'])) { 
          ?>        
          <li>
            <a href="user/index.php">Dashboard</a>
          </li>
          <?php
          } else if(isset($_SESSION['id_company'])) { 
          ?>        
          <li>
            <a href="company/index.php">Dashboard</a>
          </li>
          <?php } ?>
          <li>
            <a href="logout.php">Logout</a>
          </li>
          <?php } ?>
        </ul>
      </div>
    </nav>
	</div>
  </header>

那么，如何更改CSS，以便可以增加标题和导航栏的大小？再一次，我使用了adminLTE模板：https://adminlte.io/themes/AdminLTE/index2.html

如果这是一个愚蠢的问题，我们将不胜感激任何指导。老实说，我很喜欢做前端。

Answer 1

<nav ...  style="height:100px">

直接添加此样式，然后根据自己的喜好更改值（高度：100像素或高度：300像素）

更新：在“ 主标题”类附近寻找“ 徽标”类，然后尝试继续以下操作

<a class="logo" style="height:100px">
     <img ... height="100px">
</a>

如何在adminLTE模板中调整标题和导航栏的高度？

1 个答案: