So fügen Sie ein Symbol zur Eingabe im Bootstrap hinzu

Empfohlene Tutorials: Bootstrap-Tutorial

Beispielcode

<div class="input-group">
    <div class="input-icon-group">
        <input type="text" class="form-control fc-clear" /> 
        <span id="scan" data-role="md" class="md md-center-focus-weak fa-lg input-icon input-icon-md" style="display: inline;"> 
        </span>
    </div>
    <span class="input-group-btn">
        <button class="btn btn-primary" type="button">
            批号        </button>
    </span>
</div>

Rendering:

Interpretation:

1. Zuerst erstellen Sie sie Eine Zeile verwendet hauptsächlich die Attribute „input-group“, „input-icon-group“ und „input-group-btn“

2. Der Effekt, der dadurch entsteht, dass die Symbole in der Eingabe in der Eingabe angezeigt werden, ist hauptsächlich „input-icon input-icon-md“. " funktioniert und "display: inline" funktioniert.

3. Damit das Eingabefeld die gesamte Leerzeile einnimmt, anstatt nur eine geringe Breite zu haben, funktioniert „form-control“.

4. Nach der Texteingabe in das Eingabefeld wird das Symbol nicht verdeckt. Was funktioniert, ist „fc-clear“.

Das obige ist der detaillierte Inhalt vonSo fügen Sie ein Symbol zur Eingabe im Bootstrap hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!