Wie man input-Anhängen drop-down-Liste in der Bootstrap
Habe ich die folgende Seite:
Wo mein code für das Formular sieht wie folgt aus:
<div class="container">
<div class="row">
<div class="offset3 span3">
<form class="form-horizontal" id="inputForm">
<div class="control-group">
<label class="control-label" for="volume">Beer Volume</label>
<div class="controls">
<div class="input-append">
<input type="text" id="volume" placeholder="i.e. 16">
<span class="add-on">oz</span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="alcPercent">Alcohol</label>
<div class="controls">
<div class="input-append">
<input type="text" id="alcPercent" placeholder="i.e. 6.3">
<span class="add-on">%</span>
</div>
</div>
</div>
<div class="control-group">
<div class="controls">
<button class="btn-large" type="button" value="CONVERT" onclick="onSubmit()">CONVERT</button>
</div>
</div>
</form>
Ich versuche, um die Seite zu erstellen, so dass der "oz" ist eigentlich ein drop-down-Menü, wo der Benutzer auswählen kann, von "oz", "centiliters", "Liter", etc. Gibt es eine Möglichkeit, dies sauber in der Bootstrap? Sehe ich ein "dropdown-Schaltfläche": http://twitter.github.io/bootstrap/base-css.html#forms , aber wenn ich kopiert im code konnte ich nicht mit den dropdown-Auswahl arbeiten.
Wie kann ich dies tun?
- Sie müssen simulieren
<select>
Wirkung. Diese dropdowns, die Sie versuchen zu übernehmen sind nur einfache dropdown-Menü. - Ich bin ein bisschen ein noob mit web-Entwicklung/bootstrap. Könntest du erklären, was du damit meinst simulieren wählen?
InformationsquelleAutor Casey Patton | 2013-05-06
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich würde in Bootstrap Wählen Sie https://github.com/silviomoreto/bootstrap-select
Mit ein paar CSS - /jQuery-customizing, sollte es für Sie funktionieren...
Beispiel arbeiten auf Bootply: http://bootply.com/60822
Gleiche problem hier. Hasse fix-Grundlagen mit js oder so etwas.
Hier ist mein Update 🙂 🙂
bootypreview