【问题标题】:Adding a Slogan to Bootstrap navbar-fixed-top? [closed]在 Bootstrap navbar-fixed-top 中添加标语? [关闭]
【发布时间】:2016-09-05 16:15:32
【问题描述】:

我想让它在导航上方是一个大徽标和标语,并且随着屏幕尺寸缩小到 768 像素以下,这两个元素的位置都会发生变化。

所以一开始会是这样

改成这个

我该怎么做呢?

【问题讨论】:

  • 有什么问题?
  • 编辑得不那么臃肿

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


【解决方案1】:

将徽标 <img> 拖放两次...一次在顶部,一次在菜单中。

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

.visible-xs 在内部菜单标志上 & .hidden-xs 顶部徽标

(我这里假设是 BS3。)

编辑:JSFiddle

【讨论】:

  • 我注意到那部分是一个单独的问题并将其删除。主要问题是弄清楚如何在 nav-fixed-top 上方的列上制作 logo + slogan。
  • 同样的原则适用 - 口号得到一个 .hidden-xs,标志得到一个 col-xs-12 内部 <img style="witdth: 100%">
  • 你能快点帮我搞定代码吗?我没有得到你
  • 当然 - 添加了 JSFiddle 链接。
  • 哈哈,就像类名一样。我同意徽标和标语的想法看起来一点也不好看,但他们非常坚持这是他们想要的设计,即使他们说不是特别热衷。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-27
  • 2013-11-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多