将菜单对齐到响应式缩略图网格的第一个缩略图

Question

我尝试将菜单与响应列缩略图网格对齐。因此，黑色菜单形状始终与第一个缩略图内联。使用最小的移动尺寸时，它可以正常工作，但与其他尺寸不同，它不与第一个缩略图一致。到目前为止没有人可以帮助我，所以希望有一个代码专家可以吗？

Fiddle

<header>
<nav>
    <ul>
        <li><a href="#">Menu1</a>
            <ul>
                <li><a href="#">Item1</a></li>
                <li><a href="#">Item2</a></li>
            </ul>
        </li>
    </ul>   
</nav>
</header>

Answer 1

我无法理解你的完整问题。通过假设我尝试这几件事。

 `Fiddle link` http://jsfiddle.net/2grghhfh/5/. 

将nav ul ul的所有大小的宽度设为100％。解决了这个问题。

编辑： 您必须为每个尺寸的nav ul分配填充。由于最小尺寸的内容填充，col-25内容会被吸收。而对于其他尺寸则不然。