如何将带有徽标和导航栏品牌的导航栏标题排成一行？

Question

我对CSS和Bootstrap很新。

我创建了一个标准的mvc网络应用程序。

我有标准的_layout局部视图，显示的是零件代码。

<div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @Html.ActionLink("Application name", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                </ul>
                @Html.Partial("_LoginPartial")
            </div>
        </div>
    </div>

在_LoginPartial视图中，部件代码为show：

 <ul class="nav navbar-nav navbar-right">
    <li>@Html.ActionLink("Register", "Register", "Account", routeValues: null, htmlAttributes: new { id = "registerLink" })</li>
    <li>@Html.ActionLink("Log in", "Login", "Account", routeValues: null, htmlAttributes: new { id = "loginLink" })</li>
</ul>

我正在尝试在应用程序名称ActionLink之前添加一个徽标。图像太大，不会缩小到导航栏标题的大小，并且注册和登录文本不再位于导航栏的底部。

它可能很简单，但我无法弄明白。

我跟着： https://www.youtube.com/watch?v=4dG2ke1JUNs

但这不像视频那样有用。

我也尝试过：Brand Image too big and not aligned on Bootstrap navbar

但是图像没有显示。

有什么想法吗？如上所述，我是css和bootstrap的新手，并尝试使用开发人员工具，但无法弄清楚为什么它不起作用。

感谢。