-1
So, I’m making a login system with Bootstrap (learning) and I ended up not being able to leave the Login and Password fields centralized, I managed before but entering a left: 40%, but it ends up being disproportionate, how could I fix it?
Follow code and images of how it is:
<body>
<form id="form1" runat="server">
<div class="menuLogin">
<div>
<asp:Image ID="Image1" runat="server" ImageUrl="~/Imagens/Logo" />
</div>
<br />
<div class="input-group" style="position: relative;text-align: center; ">
<span class="input-group-addon glyphicon glyphicon-user"></span>
<asp:TextBox ID="TextBox1" runat="server" class="form-control" placeholder="Usuário" aria-describedby="basic-addon1"></asp:TextBox>
</div>
<br />
<div class="input-group">
<span class="input-group-addon glyphicon glyphicon-lock"></span>
<asp:TextBox ID="TextBox2" runat="server" class="form-control" placeholder="Senha" type="password" aria-describedby="basic-addon1"></asp:TextBox>
</div>
<br />
<div class="btn btn-primary" style="display: inline-block; text-align: center; width: 150px">
ENTRAR
</div>
</div>
</form>
I would also like to know how I could increase the width of the button...
In which of the Divs do I use these classes?
– Dreidel