Question

我已经创建了MVC5应用程序，并且通过defult你进入导航栏 “申请名称”，“家”，“联系人”等应用程序名称位于屏幕的左侧，我想更改它中间我应该怎么做？

我曾尝试将以下内容（在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>

Answer 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>

我知道它不是一个合适的解决方案，但它的解决方法只是为了帮助你。有一天。

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

1 个答案: