Css bootstrap 3徽标标语和导航折叠

我正在尝试创建一个布局，左侧有一个徽标，右侧有一个带有导航栏的标语窗格。见图1

当屏幕开始变窄时，我希望导航窗格下降到徽标和标语下方，并允许标语变窄，同时保持在右侧，即使导航栏折叠。见图2

---

如何实现这一点？

您可以使用两种媒体类型

在第一种情况下，使用等媒体屏幕和（最大宽度：960px）并编写css

---

在第二种情况下，等等。@媒体屏幕和（最大宽度：640px）为您的位置使用另一种css样式。不要忘了在这些语句中添加清晰的div/css。

请看这个相关的答案，它有一些可能是一个很好的起点：