补充课时:bootstrap中制作导航栏(一)

bootstrap侧边导航栏

bootstrap侧边导航栏简单的实现，代码比较少，实现效果良好，原文链接http://blog.csdn.net/kebi007/article/details/76038251

bootstrap3 侧边导航栏

这是一个 bootstrap3 的侧边导航栏,东西大家应该都很熟习。希望对大家有所帮助

bootstrap4实现侧边导航栏带隐藏按钮

用bootstrap4实现侧边导航栏并且带隐藏按钮。效果就是，点击按钮侧边导航栏出现，再点击消失。不用bootstrap也可以实现

Bootstrap3制作自己的导航栏

导航栏是一个很好的功能，是Bootstrap 网站的一个突出特点。导航栏是响应式元组件就，作为应用程序或网站的导航标题。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。在 Bootstrap 导航栏的核心中，导航栏包括了为站点名称和基本的导航定义样式。 创建一个默认的导航栏的步骤如下： 向 <nav> 标签添加 class .navbar、.navbar-default（白底黑字），navbar-inverse（黑底白字） 向上面的元素添加 role=”navigation”，有助于增加可访问性。 向 <div> 元素添加一个标题 class .n

bootstrap自定义样式之bootstrap实现侧边导航栏功能

bootstrap自带的响应式导航栏是向下滑动的，有时满足不了个性化的需求，需要做一个类似于android drawerLayout 侧滑的菜单，这就是我要实现的bootstrap自定义侧滑菜单，参考了很多官网的侧滑，实现方法各有不同，优缺点也十分明显，有的官网首页为了仅仅实现一个侧滑的效果，用了owl.carousel滑屏的插件，个人觉得小题大做了。这个bootstrap侧滑菜单更专业的名字叫做手机导航栏。我也比较这个名字，更符合bootstrap的特性。所以我这篇文章介绍的更容易的一种做法，新手更容易接受。 bootstrap侧边导航栏实现原理 1.侧滑栏使用定位fixed 2.使用bo