gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 06:47:15 25 4
gpt4 key购买 nike

很抱歉打扰你们,但我真的需要帮助,因为我不是一个好的 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com