需要在右側放置引導菜單圖標

我在我的網站上關注以下引導菜單項。我需要將我的菜單圖標放在頁面的右上角。我如何更改代碼？需要在右側放置引導菜單圖標

#menu { 
    position: relative; 
    color: #999; 
    width: 200px; 
    padding: 10px; 
    margin: auto; 
    font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; 
    text-align: center; 
    border-radius: 4px; 
    background: white; 
    box-shadow: 0 1px 8px rgba(0,0,0,0.05); 
    /* just for this demo */ 
    opacity: 0; 
    visibility: hidden; 
    transition: opacity .4s; 
} 
#menu:after { 
    position: absolute; 
    top: -15px; 
    left: 95px; 
    content: ""; 
    display: block; 
    border-left: 15px solid transparent; 
    border-right: 15px solid transparent; 
    border-bottom: 20px solid white; 
}

Codepen

來源

2017-07-31 Lion

變化#toggle CSS這樣，

#toggle { 
    margin: 30px 10px 0px auto; // changed line 
}

希望幫助，

來源

2017-07-31 07:15:29 Berkay

真的需要根據新的菜單位置將菜單項目推向右側 – Lion

給#menu塊設置相同的邊距值。 @獅子 – Berkay

我假設你正在談論的漢堡包圖標在網站的右上角是。您可以將float:right添加到.navbar-toggle類中以實現此目的。

來源

2017-07-31 08:53:04

需要在右側放置引導菜單圖標

回答

相關問題