Bootstrap 3＆＃39;切换导航＆＃39;按钮对齐

Question

我想创建导航，将.navbar-toggle置于.navbar-header中间的小屏幕断点处。

我对CSS很陌生，我已经在几个小时内一直在与这个小任务作斗争，没有任何成功：这里有jsfiddle，包含图片。

另一个小问题：我还希望在此引导程序.navbar中垂直居中内容，暂时我只是使用padding-top:来近似对齐按钮和项目名称，但是它确实感觉有些破旧的解决方案，我已经尝试vertical-align:但没有任何成功。

Answer 1

@media (max-width: 768px) {
    ...

    .navbar-header > .navbar-toggle {
        margin: 0 auto;
        display: block;
        float: none;
    }
}

Demo

要在后续操作中执行垂直居中，请按照您的描述执行一些自定义填充，或根据需要应用更多CSS表格显示属性。坦率地说，第一个选项可能是最简单的。