2014-03-26 75 views
0

我正在尝试创建一个布局,其中左侧有一个徽标,右侧有导航栏的标语窗格。见图#1。引导3标志口号和导航折叠

enter image description here

当屏幕上开始变得较窄我想要的导航窗格降低到低于标志和口号,并允许口号只得到较窄,而在即使在导航栏崩溃右侧剩余。见图#2。

enter image description here

如何做到这一点?

+0

看到这个相关的答案,它有几个小提琴可能是一个很好的起点:http://stackoverflow.com/a/13372707/1754037 –

回答

1

您可以使用两种媒体类型。

在第一种情况下使用@media屏幕(最大宽度:960像素),写你的CSS。

在第二种情况下@media屏幕和(最大宽度:640像素)使用另一个CSS样式为你的位置。并且不要忘记在这些声明中添加清晰的div/css。