需要在右侧放置引导菜单图标

我在我的网站上关注以下引导菜单项。我需要将我的菜单图标放在页面的右上角。我如何更改代码？需要在右侧放置引导菜单图标

#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

需要在右侧放置引导菜单图标

回答

相关问题