Where is the style for background-color on menu layout?

25 Views Asked by At

When you create a new MVC project in Visual Studio you get this layout:

enter image description here

If you click inspect on the jumbotron (ASP.NET container) you get this class on the style:

.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;
    background-color: #eeeeee;
}

Where it have background-color definition as #eeeeee and is in fact that gray color you see above.

But if you inspect the About button, there is nothing about the background-color only a inheritance of the body but that is a white color #ffffff. I use a color picker tool and found out the blackish color is in fact #222222 but I don't see it on the inspect code.

So where is define the background-color for the menu layout?

enter image description here

1

There are 1 best solutions below

5
Marc Wissler On

I bet the styles for the background-color are on the navbar-nav class. As the chrome inspector only displays styles applied to the selected element, it will not display the background-color, which is only applied to the parent.