導航欄元素位置

Question

我正在嘗試製作導航欄（使用引導程序）。 當媒體的寬度大於768px時，我希望導航欄位於右側（所以我加了float：right）。但是當寬度爲< 768px時，我希望漢堡包位於右側（就像現在這樣），並且要中心的元素。 這就是它現在的樣子。

Answer 1

廣告給你的響應代碼：

@media screen and (max-width: 768px){ 
    .nav>li { 
    position: relative; 
    display: block; 
    text-align: center; 
    } 
} 

這裏是一個工作demo