Asp.net 导航栏中的内联徽标和公司名称

我是ASP.NET MVC的初学者，在默认项目模板中，我试图在navbar中添加一个带有公司名称的徽标，我已经成功地添加了带有公司名称的徽标。但是，徽标和公司名称不在同一行。我正在尝试内联它。我花了很多时间，但找不到解决办法。我的输出和代码如下所示

输出：

<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>
                <a href="/Home/Index" class="navbar-brand"> <img src="~/Content/images/logo.png" alt="Company logo" height="100"/> </a>
                @Html.ActionLink("Contact Lenses", "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>

代码：

<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>
                <a href="/Home/Index" class="navbar-brand"> <img src="~/Content/images/logo.png" alt="Company logo" height="100"/> </a>
                @Html.ActionLink("Contact Lenses", "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>

@ActionLink（“隐形眼镜”、“索引”、“主页”、新{area=”“}、新{@class=“navbar品牌”}）

@ActionLink（“主页”、“索引”、“主页”）
@ActionLink（“关于”、“关于”、“主页”）
@ActionLink（“联系人”、“联系人”、“主页”）

@Html.Partial（“_LoginPartial”）

---

请告诉我，我如何内联它？

您只需要更改导航栏的高度和边距顶部

我在您的操作链接中添加了一个类名companyName，并添加了css

margintop

。 同样的

导航条导航

类的

页边距顶部

值

@Html.ActionLink("Contact Lenses", "Index", "Home", new { area = "" }, new { 
            @class = "navbar-brand companyName"})
.companyName, .navbar-nav{
  margin-top: 15px !important;
 }

我把标志的高度改为50

注意：我查看了一些其他徽标图像。我认为这比你的标志尺寸大一点。这就是为什么我将高度更改为50，但您可以根据自己的意愿保留它，然后需要相应地设置

companyName

和

navbar nav

的边距上限值。然后将

height=auto

设置为锚定标记，如下所示

<a href="/Home/Index" class="navbar-brand myLogo"> 
  <img src="~/Content/images/logo.png" alt="Company logo" height="50"/> 
</a>
.myLogo{
  height:auto;
 }

迈洛戈先生{
高度：自动；
}

我测试了这个代码。按预期工作。 希望有帮助：）