Как я могу сделать Navbar-бренд больше высоты Navbar - PullRequest
Новая
       17

Как я могу сделать Navbar-бренд больше высоты Navbar

0 голосов
/ 10 апреля 2019

Я хочу сделать высоту логотипа больше, чем высота навигационной панели

Я пытался увеличить высоту IMG, но это тоже увеличивало navbar, и я пытался играть с позиции в Navbar-бренда и IMG, но я до сих пор не могу это сделать Итак, теперь я хочу, чтобы мой бренд navbar (изображение внутри него) был больше, чем высота navbar без растяжения, которое происходит с navbar, когда я пытался увеличить высоту navbar. 

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