Gibt es eine Möglichkeit, die Position der Navigationsregisterkarte zu beheben

Question

Ich habe ein Problem mit der relativen Position und den unteren Rändern einer Navigationsregisterkarte. Das könnte in diesem GIF gesehen werden:

Ich möchte nur, dass die "Option X" (und andere Optionen, die später kommen) in der linken unteren Position fixiert.

/* Code moved to jsfiddle */ 

UPDATE: Ich habe es in dem mit Ihnen Arten https://jsfiddle.net/g9qs869r/2/

Answer 1

Das Problem simulieren könnte. Sie machen die oberste Elementhöhe größer als die restlichen Elemente. Um Unterschied zu beseitigen, können Sie auf allen Registerkarten hinzufügen:

.tabbable-line > .nav-tabs > li { 
    margin-right: 2px; 
    border-bottom: 4px solid #FFF; // added border in order to keep element height 
} 

JSFiddle: https://jsfiddle.net/g9qs869r/3/

Answer 2

Sie benötigen eine bestimmte Höhe an das li Attribut hinzufügen, wenn Sie diese Zeile auf Ihrem CSS setzen die Verhaltensänderungen als Sie benötigen

.nav-tabs > li{ height:40px;}