Question

我搜索谷歌但没有工作。

请给我文档链接。

提前谢谢。

感谢任何有用的答案。

enter image description here

The link

Answer 1

您可以使用Bootstrap Scrollspy

的变体轻松实现它

Answer 2

它被称为Scroll Spy。它是Bootstrap的一部分。

http://getbootstrap.com/javascript/#scrollspy

一旦加载了Bootstrap JS

，实现起来非常简单

<body data-spy="scroll" data-target="#navbar-example">
  ...
  <div id="navbar-example">
    <ul class="nav nav-tabs" role="tablist">
      ...
    </ul>
  </div>
  ...
</body>

Answer 3

Bootstrap“ScrollSpy”组件在页面滚动时更改侧边栏菜单项的样式。当根据当前页面滚动位置激活项目时，“活动”CSS类将添加到侧边栏菜单项<li>中。因此，活动项目上的实际左边框样式是使用CSS完成的，例如：

#sidebar li.active {
    border:0 #eee solid;
    border-right-width:4px;
}

演示：http://bootply.com/Q8tDns7ON1

Answer 4

他们在Less文件中使用这些媒体查询在网格系统中创建关键断点。 http://getbootstrap.com/css/#grid-media-queries

这个插件（或小部件）在bootstrap中是什么？

4 个答案: