javascript - 如何调整adminLTE模板中的header和navigation bar的高度?

标签 javascript html css

很抱歉打扰你们,但我真的需要帮助,因为我不是一个好的 css 编码员。所以,我一直在为我的元素使用 adminLTE 模板,现在我想将我的公司 Logo 插入导航栏/标题中。现在,我已成功插入 Logo 并且可以查看,但现在,我想增加 Logo 的大小。然而,当我增加尺寸时,导航栏看起来一样,导致 Logo 只显示一半。 这就是我的意思。

enter image description here

这是我的标题代码。

  <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">

直接添加此样式并根据自己的喜好更改值(高度:100px或高度:300px)

更新: 在“ma​​in-header”类附近寻找“logo”类,并尝试进行以下操作

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

关于javascript - 如何调整adminLTE模板中的header和navigation bar的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53201306/

相关文章:

javascript - 谷歌可视化图表

javascript - 如何在父跨度内放置无序列表,我的跳到下一行而不是向下流动

html - Bootstrap 下拉自定义切换未在 Wordpress 中打开

css - Sass/Compass 压缩输出仍然不足以用于 Google Pagespeed Insights

javascript - 将对象属性作为函数参数传递的好策略/模式是什么?

javascript - IE 中的 AngularJS 错误与风格 vs ng 风格

javascript - 如何让评论显示在线程下

javascript - 从 Electron 应用程序表单的输入中复制选定的文件

php - PHP 中的骰子滚动程序

css - JSF-h :panelGrid specific style for specific column