下拉菜单并单独的无序列表

时间:2014-03-04 11:33:27

标签: html css

这是我的代码:

http://cssdesk.com/9cWbV

我想“添加产品等”像一个垂直列表,但它在我的导航栏上有任何提示?我应该改变什么,因为我很困惑,因为我也需要帮助下拉为nagivation吧

1 个答案:

答案 0 :(得分:0)

不确定我是否理解你。 但是如果你想在导航栏中有一个下拉菜单,也许你应该将class =“dropdown-menu”添加到ul

    .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

更多css检查bootstrap文档。 我也建议你为前端使用整个引导程序