bootstrap
Harriet嘉
前端 こんにちは、世界
展开
-
bootstrap——data-toggle、data-target、collapse
向元素中添加 role="navigation",有助于增加可访问性。向 <div> 元素添加一个标题 class .navbar-header,内部包含了带有 class navbar-brand 的 <a> 元素。这会让文本看起来更大一号。为了给导航栏添加响应式特性,要折叠的内容必须包裹在带有 class .collapse(折叠)、.navbar-collapse 的...原创 2018-03-24 22:31:42 · 4153 阅读 · 0 评论 -
bootstrap——组件navbar
一、简介Navbar 指导航条,它在移动设备上显示为折叠状态,在宽屏幕上水平展开。这里 是一个线上例子。{提示} 响应式导航条依赖 collapse 插件,定制 Bootstrap 时务必要包含。{设备的可访问性}务必使用 <nav> 元素;如果使用 <div> 元素,需要设置属性 role="navigation"。这样能让辅助设备道这是一个导航条。一个典型导航条的结构如...转载 2018-03-24 23:16:34 · 573 阅读 · 0 评论 -
bootstrap——滚动监听组件
其实滚动监听使用的情况还是很多的,比如导航居于右侧,当主题内容滚动某一块的时候,右侧导航对应的要高亮。实现功能1、当滚动区域内设置的hashkey距离顶点到有效位置时,就关联设置其导航上的指定项2、导航必须是 .nav > li > a 结构,并且a上href或data-target要绑定hashkey3、菜单上必须有.nav样式4、滚动区域的data-target与导航父级Id(一定...转载 2018-03-31 15:57:59 · 597 阅读 · 0 评论