und diese Spanne bewegen

Question

ich html lerne und habe eine Frage: I <div class="input-group"> haben, die enthält: 1 Span, 1 Eingang und 1 Spannweite:

<span class="input-group-addon questionSpan" data-toggle="collapse"></span> <input class="form-control" type="text"> <span class="input-group-addon questionSpan" data-toggle="collapse"></span>

und Ich möchte die Breite dieser zwei Bereiche als gleich definieren, in diesem Fall ist dies 42px. Aber wenn ich das tue, springt die Spannweite auf der rechten Seite nach links. Könnte mir jemand erklären, warum dies geschieht und wie kann ich die Breite der Spanne auf der rechten Seite gesetzt, während es nicht

Here is the jsfiddle

Answer 1

Springen zu halten geben der Input-Gruppe, die eine Breite von 100%: width: 100%;

siehe updated jsfiddle