在导航栏徽标和第一个导航链接之间添加空格答案

【问题标题】：Adding space between navbar logo and first nav link在导航栏徽标和第一个导航链接之间添加空格
【发布时间】：2019-09-18 15:14:17
【问题描述】：

Nav Bar Layout 抱歉我的英语不好。我正在尝试在徽标后添加一点空间，以便徽标保持在左角，并且第一个导航链接推到左侧，而不是完全靠左，而是靠右一点。我复制了完全相同的 HTML 和 CSS 代码。

<nav class="nav navbar-default navbar">
    <div class="container">
    <div class="nav-header ">
        <a class="navbar-brand"><img src="C:\Users\usama\Downloads\logo.jpg" alt=""></a>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="navbarp"><a href="#"><i class="active fa fa-book fa-xs"></i><br><p></p>About</a></li>
                <li class="navbarp"><a href="#"><i class="fal fa-registered"></i><br><p></p>Admissions</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="navbarp"><a href="#"><i class="fas fa-user-plus"></i><br><p></p>sign up</a></li>
                <li class="navbarp"><a href="#"><i class="fas fa-sign-in-alt"></i><br><p></p>login</a></li>
            </ul>
        </div>
    </div>
</div>

【问题讨论】：

标签： html header uinavigationbar navbar

【解决方案1】：

试试这个（在徽标右侧添加填充）：

<a class="navbar-brand" style="padding-right:15px">
    <img src="C:\Users\usama\Downloads\logo.jpg" alt="" />
</a>

或者（在导航栏左侧添加填充）：

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="padding-left:15px">

另外，请检查您的 <li> 标签。您目前拥有：

<li class="navbarp"><a href="#"><i class="active fa fa-book fa-xs"></i><br><p></p>About</a></li>

注意标题“about”是如何在 标签之外的。

我怀疑你希望它被这样格式化：

<li class="navbarp"><a href="#"><i class="active fa fa-book fa-xs"></i><p>About</p></a></li>

如果 标记中的单词正确，您可能不需要 

【讨论】：