Keine Zeilenumbruch vor <a>

[LudwigM]

Hallo,
ich möchte gerne die Textbox und den Button in einer Zeile anzeigen.

<div class="col-4">                          
    <input class="form-control" type="text" placeholder="Menge" name="txt_menge[]" value="3">
    <a href="javascript:void(0);" class="add_button" title="Add"><img src="../img/add-icon.png"/></a>
</div>

Derzeit wird jedes Element in einer eigenen Zeile angezeigt.
Es wurden bootstrap-Klassen genutzt.

Gruß
Ludwig

 

[threadi]

Gib dem umgebenden div mal noch die Klasse "form-inline".

 

[LudwigM]

Das bringt leider nichts....

 

[threadi]

Welche Version von Bootstrap setzt Du ein?
Kann man das irgendwo online auch sehen?

 

[LudwigM]

Version 5.1.3
Hab es jetzt mit zwei Spalten gelöst: eine col-3 für den Text-Input und eine col-1 für den <a> Button. Jetzt sind leider dazwischen Abstände entstanden, die sich auch nicht mit pl-0 und pr-0 entfernen lassen...



Ich anomysiere das mal und teile dann den Link.