Ich erstelle eine Website mit meinem Freund. Momentan erstellen wir eine Kontaktseite, aber ich stopfe die Labels mit den Eingabefeldern.kann nicht zentrieren und ausrichten Label mit Textfeld in Bootstrap 3
meine ASP.net Code:
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<title>Contact</title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="PageContent" runat="server">
<div style="background-color: white; height: 750px;" class="container" id="contact-page">
<label for="InputFullName">Full Name</label>
<input type="text" class="form-control" id="InputFullName" placeholder="Full Name"/>
<label for="InputEmail">Email address</label>
<input type="email" class="form-control" id="InputEmai" placeholder="[email protected]"/>
<label for="InputSubject">Subject</label>
<input type="text" class="form-control" id="InputSubject" placeholder="Subject"/>
<label for="InputDescription">Description</label>
<input type="text" class="form-control" id="InputDescription" placeholder="Description"/>
<div class="form-actions">
<button type="submit" class="btn btn-default">Submit</button>
</div>
</div>
</asp:Content>
meine CSS-Datei, die auf dieser Seite verlinkt ist:
/* Contact Page start */
#contact-page input {
display: block;
width: 450px;
float: none;
margin: 0 auto;
background-color: white;
}
#contact-page .btn btn-default {
float: none;
margin: 0 auto;
}
#contact-page #InputDescription {
height:250px
}
#contact-page label {
display: inline-block;
vertical-align: middle;
float: none;
}
/* Contact Page end */
Ich bin mit Bootstrap 3.
Add line-height in das Etikett einige als Höhe Eingabefeld –
Wie es Ihnen erscheint? Kannst du einen Screenshot hochladen? –
https://gyazo.com/84e8ef9bcd416ac4fdccf5c4d741cf59 das ist, wie ich es atm sehe. –