Ich habe gerade angefangen Bootstrap zu lernen und eine Website zu erstellen.Wie erstellt man ein leeres Textfeld mit Bootstrap?
Ich frage mich, wie man eine große leere Texteingabefeld erstellen? So dass jemand etwas eintippen kann, beispielsweise eine Rezension für ein Produkt.
Ich denke, das ist, was Sie suchen.
<div class="form-group">
<label for="comment">Comment:</label>
<textarea class="form-control" rows="5" id="comment"></textarea>
</div>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<form>
<div class="form-group">
<h4>Text Area Below with 15 Rows </h4>
<label for="comment">Comment:</label>
<textarea class="form-control" rows="15" id="comment"></textarea>
</div>
</form>
</body>Nach Bootstrap docs, können Sie Größe eine Eingabe mit Input- * Klassen:
<input class="form-control input-sm" type="text"/>
<input class="form-control input-md" type="text"/>
<input class="form-control input-lg" type="text"/>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<form>
<div class="form-group">
<label for="inputdefault">Default input</label>
<input class="form-control" id="inputdefault" type="text">
</div>
<div class="form-group">
<label for="inputlg">input-lg</label>
<input class="form-control input-lg" id="inputlg" type="text">
</div>
<div class="form-group">
<label for="inputsm">input-sm</label>
<input class="form-control input-sm" id="inputsm" type="text">
</div>
</form>
</body>Sie können die Textarea-Tag.
Sie können entweder Attribute im TextArea-Tag hinzufügen oder CSS verwenden, um die Größe des TextArea zu ändern.
<textarea rows="5" cols="50"></textarea>
textarea { width : 100px; min-height : 50px;}
Thank you so much. Das ist, was ich suche. Wie verschiebe ich den Textbereich in die Mitte und passe die Breite und Höhe des Textbereichs an? Danke vielmals. – zesla
bitte markieren Sie den Post als erledigt, damit der Autor dafür belohnt wird :) – Nimmi
Bootstrap's Default Settings. Formularsteuerelemente erhalten automatisch ein globales Styling mit Bootstrap: Alle textuellen Elemente , und