前端框架bootstrap-输入框和导航组件

image.png

一．输入框组件

image.png

(可以用在弄搜索条)
例子

例子

效果图

效果图 image.png

例子

例子

效果图

效果图

左侧使用下拉菜单分别式

image.png

例子

例子

效果图

效果图

二．导航组件

image.png

胶囊式导航
例子

例子

效果图

效果图 image.png

例子

例子

效果图

效果图

带下拉菜单的导航

image.png

例子

例子

效果图

效果图

三、导航条组件

image.png

例子

例子

效果图

效果图

基本导航条

image.png image.png

例子

例子

导航条使用的菜单

image.png

例子

例子

效果图

效果图

Navbar-link 目的为了让导航链接的颜色和文本的颜色一致

image.png image.png

例子

例子

效果图

效果图

本文作者lilyping
越努力，越幸运
原文链接：https://www.jianshu.com/u/3908e601f4ec
微信公众号：BestLilyPing
github:https://github.com/lilyping
Demos源码地址：https://github.com/lilyping