I'm developing a website, Administrative side, I already set up MasterPage and now defining the layout of the child pages, where I came across a problem, which I need help with. Here is the code that interests the child page:
<asp:Content ID="ContentFormAdmin" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="FormAdminBase" class="container">
<div class="row">
<header id="HeaderFormAdmin">
<h2>Cadastro dos Serviços Prestados</h2>
</header>
</div>
</div>
</asp:Content>
Then I created CSS
as follows:
#FormAdminBase {
background-color: #285ce6;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 3px;
text-align: center;
font-size: 18px;
color: whitesmoke;
padding: 15px;
height: calc(100% - 5px);
border: 3px red ridge;
}
#FormAdminBase h2 {
text-align: left;
color: white;
text-shadow: 4px 4px 5px rgba(31, 54, 99, 0.73);
}
The thing is that "Service Logs" is aligned to the left of the browser, not the left, inside the " FormAdminBase " as I imagined it would look. I would like to know how to nest everything in " FormAdminBase ".
I'm using ASPX, C #, with Bootstrap!
I have already researched and found nothing directed, it may even be that I did not know how to search, but my request for help is still!