更改导航栏中默认应用程序名称的位置答案

【问题标题】：Change the place of the default application name in the nav-bar更改导航栏中默认应用程序名称的位置
【发布时间】：2014-04-17 10:48:37
【问题描述】：

我已经创建了 MVC5 应用程序，并且默认你进入了导航栏 “应用程序名称”、“家庭”、“联系方式”等。应用程序名称在屏幕左侧，我想更改它到中间怎么办？

我尝试将以下内容（在 bootstrap.css 文件中）从左到中更改但注意到发生了，知道吗？

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

这是布局cshtml

<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", null, 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>
        </div>*@
    </div>
</div>

【问题讨论】：

标签： asp.net css asp.net-mvc asp.net-mvc-3 twitter-bootstrap

【解决方案1】：

只需尝试添加margin-left: 50%; 或根据您的需要进行调整。

<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
    <div class="navbar-header" style="margin-left: 50%;">
        <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", null, new { @class = "navbar-brand" })
    </div>
</div>

我知道这不是一个正确的解决方案，但它只是为了帮助您解决问题。祝你有美好的一天。

【讨论】：