Css 桌面上居中的标题，但移动设备上的全屏宽度标题

我在一个容器中有一个简单的bootstrap3站点，所以整个内容都以自动左边距和右边距为中心

在移动设备上，我需要标题占据整个屏幕的背景色，但标题的内容（徽标、导航）需要与其他内容垂直对齐，如页面内容

我的结构是：

.container
    header.row
        .logo.col-md-8
        .navigation.col-md-8
    /header.row
    .row
        .content.col-md-16
    /.row
    ...
/.container

---

如果您希望标题是全宽的，那么您必须将其移出容器类，并应用一个自定义类，该类将使其在较大屏幕上居中，在较小屏幕上100%居中。使用媒体查询。

将col-xs-12类添加到您的标题。我不确定预期的输出应该是什么样子，但这听起来像是

.container fluid

和

.col-md-12

？。移动设备需要的是container fluid，但它在桌面上的屏幕宽度也是100%。但在桌面上，我想要一个中心的.container。我想我需要为每个断点手动设置标题的宽度来实现它。