Kein Abstand zwischen bootstrap-Etiketten
In meiner Anwendung, ich bin versucht zu haben, mehrere conecutive labels, wie in diesem jsbin:
Stattdessen bin ich immer dies:
Wie Sie sehen können, wird kein Zwischenraum zwischen den Etiketten. Dies ist wahrscheinlich, weil es ein problem in meinem CSS, aber ich bin nicht in der Lage, den Schuldigen zu finden.
Wo ist der Abstand zwischen den Etiketten definiert, die in bootstrap? Zu wissen, dass es mir erlauben würde, zu schmal der bug-Suche in meiner CSS.
InformationsquelleAutor der Frage dangonfast | 2014-06-24
Du musst angemeldet sein, um einen Kommentar abzugeben.
Dies hat nichts zu tun mit dem CSS überhaupt. Fügen Sie einfach ein Leerzeichen oder brechen die Linie zwischen ".label" - tags.
Passiert mir das, wenn der Rahmen, den ich verwenden, angefangen zu komprimieren des HTML-Code, um zu speichern einige bytes.
Können Sie diesen Effekt auf dieser jsbin.
InformationsquelleAutor der Antwort Anderson Freitas
Müssen Sie entfernen den Raum von innen das label.
Den folgenden Stützweiten ohne Leerzeichen zwischen einander:
Den folgenden überspannt haben den richtigen Abstand zwischen Ihnen:
Beachten Sie, dass die führenden/nachgestellten Leerzeichen müssen entfernt werden, von innen das span-element für Sie, um korrekt zu arbeiten.
InformationsquelleAutor der Antwort George Filippakos
Den Abstand zwischen den Etiketten (mit
<span>
) ist nicht definiert in der bootstrap, in der Tat, es ist die Standard-HTML-CSS-in-built-in browser.Ich bin mir nicht sicher, was CSS kann Ursache Abstand zwischen den
<span>
Elemente (ohne padding und margin), aber ich stark vermuten, dass der Grund, es nicht anzuwenden, in deinem Fall ist, weil Sie haben einefloat:left;
irgendwo Hinzugefügt, um Ihre span-Elemente.Dein problem repliziert hier.
Daher die Lösung ist die Verwendung des inspector-tool auf der
<span>
- element und finden Sie die Zeile und löschen, wo derfloat:left;
Hinzugefügt wird.InformationsquelleAutor der Antwort I Can Has Kittenz
Habe ich dies getan.
Können Sie Bearbeiten der bootstrap.css oder Bearbeiten weniger/Etiketten.weniger und kompilieren.
Das Speicherplatz-problem kann etwas sein, was in javascript-code. Ich Teste ohne javascript von bootstrap.
InformationsquelleAutor der Antwort macm