Bootstrap 3 input-group-addon потеря разметки

Question

Пожалуйста, помогите мне, после добавления дополнительных input-group-addon Я теряю разметку этого поля формы.Я также хотел бы, чтобы значок шеврона перемещался в конец поля формы вместо input-group-addon.Даже этикетка теперь находится в неправильном положении.

<?php
<div class="col-md-6">
    <div class="input-group has-success has-feedback" id="add_km_tarief_div">
        <label for="add_km_tarief_div">Tarief</label>
        <span class="input-group-addon">€</span>
        <input type="number" min="0" step="0.01" max="1" class="form-control" id="add_km_tarief" name="add_km_tarief" value="0.19" onkeyup="validate_add_table_1()">
        <span class="input-group-addon">p/km</span>
        <span class="glyphicon glyphicon-ok form-control-feedback" id="add_km_tarief_glyp"></span>
    </div>
</div>
?>

Answer 1

Try With This  
      <div class="col-md-6">
            <div class="input-group has-success has-feedback" id="add_km_tarief_div">
                <label for="add_km_tarief_div" class="addyourclassname">Tarief</label>
                <span class="input-group-addon">€</span>
                <input type="number" min="0" step="0.01" max="1" class="form-control" id="add_km_tarief" name="add_km_tarief" value="0.19" onkeyup="validate_add_table_1()">
                <span class="input-group-addon">p/km</span>
                <span class="glyphicon glyphicon-ok form-control-feedback addyourownclass" id="add_km_tarief_glyp"></span>
            </div>
        </div>
    Css:
    .addyourclassname{float:left}
    .addyourownclass{float: left;
        position: relative;
        top: 0;}