尝试在导航器4中将导航链接与徽标对齐

时间:2016-07-08 19:57:55

标签: html css twitter-bootstrap bootstrap-4

我在将导航链接与我的徽标对齐时遇到问题。目前,我的徽标位于导航中心,由于某种原因链接显示在我的徽标上方而不是旁边。下图显示了我的问题enter image description here

我试图让它看起来像这样:

enter image description here

这是我的标题代码:

  <header id="header" role="banner">
            <div class="header-inner">
                <nav class="navbar">
                    <div class="container text-xs-center">
                        <div class="navbar-nav">
                            <a href='{{ url("/") }}' class="nav-item-link nav-item nav-link">Home</a>
                            <a href="#" class="nav-item-link nav-item nav-link">Our Team</a>
                            <a href="#" class="nav-item-link nav-item nav-link">Media</a>
                            <a href='{{ url("/") }}' class="nav-item nav-link"><img src="./images/zipzap.jpg" class="img-fluid" alt=""></a>
                            <a href="#" class="nav-item-link nav-item nav-link">About Us</a>
                            <a href='{{ url("/contact") }}' class="nav-item-link nav-item nav-link">Contact Us</a>
                            <a href='{{ url("/donate") }}' class="nav-item-link nav-item nav-link" id="donate">Support Us</a>
                        </div>
                    </div>
                </nav>
            </div>
        </header>

和我的css:

a.nav-item{
    color:#000;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:bold;
    padding:20px;
}

a.nav-item:hover{
    color:#000;
}

a.nav-item:hover{
    color:#000;
}

.navbar-nav{
    display:inline-block;
}

#donate{
    background-color: #7ED321;
    border-radius: 8px;
    padding: 15px;
}

#header{
    width:100%;
}

.header-inner{
    padding: 18px 0;
    width:100%;
}

任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:1)

尝试做

Dim ExcelR1 As Range
Set ExcelR1 = ExcelWS.Range(ExcelWS.Range("H6"), ExcelWS.Range("H6").End(xlDown)).Offset(0, -1)
ExcelR1.Activate

如果这不起作用,请尝试添加a.nav-item{ color:#000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold; padding:20px; vertical-align:center; } 属性以使其达到所需的垂直位置。