导航栏上的Bootstrap词缀,属性始终打开(类始终处于活动状态)

时间:2017-01-16 04:11:52

标签: javascript html css twitter-bootstrap affix

我正在尝试实现Bootstrap的附加导航栏,就像在 this example.

这是我所拥有的a pen。看起来'affix'类总是在navbar元素上激活。也就是说,当我做的时候

.affix {
   top: 0;
}

导航栏在页面加载时自动转到顶部,当我想要它做的是在名称和标题下。关于为什么会发生这种情况的任何想法?

编辑:修复了示例链接

1 个答案:

答案 0 :(得分:1)

这样的东西?

https://codepen.io/anon/pen/mRrBNK

我刚刚移动了标题和子文本,并在

中添加了一个类
<nav class="navbar navbar-default navbar-custom" data-spy="affix" data-offset top="197">      
<div class="navbrand">
  <h1> John Smith</h1></div>
  <h4> Developer and Engineer </h4>