javascript - 跨度DIV网页宽度的100％

我的网页上有一个“服务”链接，单击该链接会显示一个子菜单。我想跨此子菜单页面的100％宽度。

这可能吗？如何更改代码以允许这样做？

小提琴：http://jsfiddle.net/19y4qnkx/

我正在使用Bootstrap。

这是我的HTML：

<ul class="nav navbar-nav navbar-left ">
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Services  </a>

                    <ul class="dropdown-menu">
                <li><div class="yamm-content"> <ul class="nav navbar-nav navbar-left"> <li><a href="#">Bla</a></li> <li><a href="#">Bla</a></li> <li><a href="#">Bla</a></li> <li><a href="#">Bla</a></li> </ul></div>
            </li>
</ul>

    </li>

</ul>

非常感谢

最佳答案

您必须为下拉菜单及其所有的父项提供100％的宽度。但是“服务”链接也将具有完整的功能。

.navbar-nav
{
    width: 100%;
}

.dropdown{
 width: 100%
}

.dropdown-menu{
 width: 100%
}

我更新了你的小提琴http://jsfiddle.net/19y4qnkx/4/

编辑：刚刚看到这正在打破较小屏幕上的样式。这是带有媒体查询http://jsfiddle.net/19y4qnkx/6/的更新小提琴