Css 根据设备调整引导导航栏位置

我有一个布局，logo和navbar在左侧彼此相邻。视口减小时，导航栏位于徽标下方并向左对齐

我计划保持导航栏位于右侧，中心与徽标垂直对齐（目前导航栏为顶部对齐）。当视口大小减小时，导航栏应位于徽标下方的左侧

我正在尝试这个css，但是我想要的布局无法实现

@media (min-width: 768px) {
    .navbar .navbar-nav {
        float: right;
        vertical-align: middle;
    }

    .navbar .navbar-collapse {
        float:left;
    }
}

从导航中删除导航栏类（保留导航栏默认值）

将col-md-9更改为col-md-7（或col-md-8）-您没有行父级，因此会添加填充

添加以下css

@media (min-width: 768px) {
    .logoheader > * {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .navbar-default
    {
        float: right;
    }

    .navbar .navbar-collapse {
        float:left;
    }
}