bootstrap 3标志口号和导航崩溃

时间:2014-03-26 23:16:26

标签: css twitter-bootstrap-3 nav graphical-logo

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

enter image description here

当屏幕开始变窄时,我希望导航窗格下降到徽标和标语下方,并且即使导航栏折叠,也可以让标语变得更窄,同时保持在右侧。见图2。

enter image description here

我如何做到这一点?

1 个答案:

答案 0 :(得分:1)

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

在第一种情况下,使用等。 @media屏幕和(max-width:960px)并编写你的css。

在第二种情况下等。 @media屏幕和(max-width:640px)为您的位置使用其他css样式。并且不要忘记在这些陈述中添加明确的div / css。