Bootstrap3導航欄-鏈接的邊框底邊長度

Question

剛剛問過類似的問題，但結果卻忽略了放置標簽的位置。 它已修復，但又產生了另一個問題。

為鏈接的懸停添加了一種樣式，從而在懸停時會顯示一個邊框：

.navbar-default .navbar-nav > li > a:hover {
    padding: 5px;
    color: white;
    border-bottom: #16b2d9 solid 3px;
}

一切正常，但是，有沒有一種方法可以根據文本的長度調整邊框長度？

Answer 1

您可以使用下划線而不是底部邊框：

.navbar-default .navbar-nav > li > a:hover {
    padding: 5px;
    color: black;
    text-decoration:underline;
}