标签: html css user-interface twitter-bootstrap-3
我想拥有它,以便导航上方是一个大型徽标和标语,当屏幕尺寸缩小到768px以下时,两个元素的位置都会发生变化。
首先,它就是这样
并更改为此
我该怎么做?
答案 0 :(得分:0)
将徽标"30"放下两次......一次放在顶部,一次放在菜单中。
"30"
然后隐藏/显示相应的---使用网格响应工具:http://getbootstrap.com/css/#responsive-utilities
即。 内部菜单徽标上显示<img> &安培; 顶部徽标上的.visible-xs
<img>
.visible-xs
(我在这里假设BS3。)
编辑:请参阅此JSFiddle