Warum sind meine Bootstrap 3 Glyphicons so breit?

Es fällt mir schwer herauszufinden, warum meine Glyphicons den größten Teil meiner Eingabebox einnehmen. Ich benutze Bootstrap 3.0 und hier ist ein Screenshot von dem, was ich sehe.Warum sind meine Bootstrap 3 Glyphicons so breit?

Hier ist, wie ich sie haben ein:

<div class="col-sm-2"> 
    <div class="input-group"> 
    <label style="font-size:12px;">Time Ended</label> 
    <div class="input-group" id="datetimepicker2" > 

     <input type="text" name="time_ended" class="form-control" value="" /> 
     <span class="input-group-addon" style="width:10px;"> 
     <span class="glyphicon-time"></span> 
     </span> 
    </div> 
    </div> 
</div>

Irgendwelche Ideen oder Vorschläge geschätzt werden.

Quelle

2016-05-20 spacerobot

das Element prüfen und sehen, wo die Breite Eigenschaft wird – QBM5

gesetzt werden Sie wahrscheinlich eine CSS haben, die die Größe des zu beeinflussen. Versuchen Sie, Ihr benutzerdefiniertes CSS zu entfernen und nur den Bootstrap einzuschließen. Sie sollten font-awesome Symbole verwenden. Ich denke Bootstrap 4 wird Glyphicons beseitigen. – dfdsfdsfsdf

Ich danke Ihnen QBM5. Ich habe das Element untersucht und konnte das Problem beheben. Ich schätze die Hilfe. Könnten Sie das zu einer Antwort befördern? – spacerobot

Sie könnten die Basisklasse fehlt:

<span class="glyphicon glyphicon-time"></span>

Quelle

2016-05-20 19:57:27 fnostro

Warum sind meine Bootstrap 3 Glyphicons so breit?

Antwort

Verwandte Themen