添加一个口号到Bootstrap navbar-fixed-top?

时间:2016-05-10 15:20:41

标签: html css user-interface twitter-bootstrap-3

我想拥有它,以便导航上方是一个大型徽标和标语,当屏幕尺寸缩小到768px以下时,两个元素的位置都会发生变化。

首先,它就是这样 enter image description here

并更改为此

enter image description here

我该怎么做?

1 个答案:

答案 0 :(得分:0)

将徽标"30"放下两次......一次放在顶部,一次放在菜单中。

然后隐藏/显示相应的---使用网格响应工具:http://getbootstrap.com/css/#responsive-utilities

即。 内部菜单徽标上显示<img> &安培; 顶部徽标上的.visible-xs

(我在这里假设BS3。)

编辑:请参阅此JSFiddle