Ich möchte text-overflow: ellipsis auf dem .navbar-brand -Text einer Bootstrap 3-Navigationsleiste verwenden, damit auf Geräten wie einem iPhone der Text abgeschnitten wird, anstatt dass die Navigationsleiste in vertikaler Größe wächst.
Ich habe auch zwei Knöpfe:
%Vor% Die Funktion text-overflow: ellipsis funktioniert (mit white-space: nowrap und overflow: hidden auch gesetzt), wenn ich die Breite von .navbar-brand hartcodiere, aber ich suche nach einer Möglichkeit, dies zu erreichen, so dass der maximal verfügbare Platz verwendet wird automatisch.
P.S.
Das CSS, das funktioniert, wenn es zu .navbar-brand hinzugefügt wird, wenn eine Breite fest codiert ist:
Wenn Sie "navbar-brand" width: 100% setzen, funktioniert die Ellipsen-Eigenschaft weiterhin und Sie erhalten den maximal verfügbaren Platz.
Tags und Links css3 twitter-bootstrap-3