Bootstrap-Formulargruppen und jquery-Tag-Manager: Positionsmarken unter dem Eingabefeld?

Ich benutze Bootstrap und jquery tag manager. Gibt es eine Möglichkeit, zu steuern, wo die Tags relativ zum Eingabefeld aufgefüllt werden? Beispielsweise werden die Tags unterhalb des Textfelds positioniert.Bootstrap-Formulargruppen und jquery-Tag-Manager: Positionsmarken unter dem Eingabefeld?

<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tagmanager/3.0.2/tagmanager.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tagmanager/3.0.2/tagmanager.min.js"></script> 
 
</head> 
 

 
<div class="form"> 
 
    <div class="form-group col-xs-6"> 
 
    <label>Tags</label> 
 
    <input type="text" name="tags" class="form-control tm-input"/> 
 
    </div> 
 
</div> 
 

 

 
<script type="text/javascript"> 
 
$(document).ready(function() { 
 
    $('.tm-input').tagsManager(); 
 
}); 
 
</script>

I wie das aktuelle Setup nicht wirklich tun, wie es um die Positionierung des Textfeldes (bewegt sich nach unten) ändert. Anstatt die Tags über dem Eingabefeld zu füllen, gibt es eine Möglichkeit, sie unterhalb des Eingabefeldes zu platzieren?

Was ich suche ist etwas ähnlich dem Stackoverflow Tag Eingabefeld - Tags werden unter das Texteingabefeld angezeigt.

Quelle

2016-06-25 rookie

Versuch zu geben '' tags' Marge -top' selbe wie 'Eingang' Höhe in css –

@AnujKhandelwal funktioniert nicht – rookie

Ich habe bearbeiten einige Codes und dann seine Show unter der Eingabe

html:

<div class="form"> 
    <div class="form-group col-xs-6"> 
    <label>Tags</label> 
    <input type="text" name="tags" class="form-control tm-input"/> 
    </div> 
    <div class="col-sm-12 tags-show"> 

    </div> 
</div>

und jQuery:

$(document).ready(function() { 
    $('.tm-input').tagsManager({ 
    tagsContainer: '.tags-show', 
    }); 
});

Quelle

2016-06-25 14:22:28

Works vielen Dank! – rookie

Bootstrap-Formulargruppen und jquery-Tag-Manager: Positionsmarken unter dem Eingabefeld?

Antwort

Verwandte Themen