如何使导航栏品牌大于导航栏高度?

时间:2019-04-10 03:10:09

标签: bulma

我要使徽标高度大于导航栏高度

我试图增加img的高度,但这也使导航栏变大了, 我尝试在navbar-brand和img中担任职位,但我仍然做不到 因此,现在我希望我的导航栏品牌(其中的img)大于导航栏的高度,而不会增加我尝试增加导航栏高度时导航栏所发生的拉伸。

<div class="container">
        <nav class="navbar is-white" role="navigation" aria-label="main navigation">
            <div class="container">
                <div class="navbar-brand">
                    <a class="navbar-item image is-64x64" href="#">
                        <img class="" src="~/Content/Images/Logo.jpg">
                    </a>

                    <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
                       data-target="navbarBasicExample">
                        <span aria-hidden="true"></span>
                        <span aria-hidden="true"></span>
                        <span aria-hidden="true"></span>
                    </a>
                </div>

                <div id="navbarBasicExample" class="navbar-menu">
                    <div class="navbar-start">
                        <a class="navbar-item">
                            Home
                        </a>

                        <a class="navbar-item">
                            Events
                        </a>

                        <div class="navbar-item has-dropdown is-hoverable">
                            <a class="navbar-link">
                                About
                            </a>

                            <div class="navbar-dropdown">
                                <a class="navbar-item">
                                    Vision
                                </a>
                                <a class="navbar-item">
                                    Team
                                </a>
                                <a class="navbar-item">
                                    About IGate
                                </a>
                            </div>

                        </div>
                        <a class="navbar-item">
                            Contact Us
                        </a>
                    </div>

                </div>
            </div>
        </nav>
    </div>

0 个答案:

没有答案