在MVC默认项目中向左移动导航栏文本

时间:2018-09-24 17:37:37

标签: c# html css asp.net-mvc asp.net-core

我创建了一个MVC Net Core项目默认项目。我设置了所有模型,控制器并在页面列表中显示项目。我试图找到CSS html位置,因此可以将以下文本向左移动。

显然site.css进行了编辑,将使标题变为粗体,但不会向左移动标题。

.navbar-nav {
    font-weight: bold;
    text-align: left;
    float: left;
}

.navbar-fixed-top {
    font-weight: bold;
    text-align: left;
    float: left;
}

enter image description here

1 个答案:

答案 0 :(得分:2)

您还应该重置margin-left定义的.container规则。在margin-left中查看.container的默认.navbar-fixed-top

右键单击Google Chrome中的“区域”,然后单击“检查”。

enter image description here

因此添加规则margin-left :0会起作用:

.navbar-fixed-top >.container {
    margin-left:0;
    font-weight: bold;
    text-align: left;
    float: left;
}

enter image description here