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

javascript - 如何在adminLTE模板中调整标题和导航栏的高度?-LMLPHP

这是我的标头代码



  <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

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

最佳答案

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


直接添加此样式,然后根据自己的喜好更改值(高度:100像素或高度:300像素)

更新:
在“主标题”类附近查找“徽标”类,然后尝试进行以下操作

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

09-25 21:50