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

Question

Nav Bar Layout对不起，我的英语不好。我正在尝试在徽标后添加一些空间，以使徽标保留在左角，而左侧推入的第一个导航链接不是完全在左侧，而是在右侧更多。 我复制了完全相同的HTML和CSS代码。

this.service = new DataService();

Answer 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”如何位于<p></p>标签之外。

我怀疑您希望以这种方式对其进行格式化：

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

<p></p>标签中的单词正确无误，您可能不需要<br>