bootstrap组件

一、Bootstrap常用的组件:
icon图标,下拉菜单,导航,导航条,输入框,缩略图,媒体对象,列表组,分页导航。
二、小图标:
1.bootstrap中内置提供了250多种小图标。
2.语法:首页
三、下拉菜单:


往下拉





四、输入框:

姓名





百度一下


五、导航:
1.选项卡导航:
class=“nav nav-tabs”
2.胶囊式选项卡导航:
class=“nav nav-pills”
3.自适应导航:
class=“nav nav-tabs nav-justified”
4.二级导航:
通过ul-li实现,和下拉菜单的实现方式是一样的。
六、导航条:
1.基础导航条:

2.导航条中的表单:
在ul标签外面直接写输入框的代码即可。注意form的class=“navbar-form navbar-right”
3.导航条中的文本,按钮,链接

4.顶部固定导航条和底部固定导航条:
(1)顶部:class=“navbar-fixed-top”
(2)底部:class=“navbar-fixed-bottom”
5.响应式导航条:
需要加的属性是:class=“collapse navbar-collapse”

原文地址:https://www.cnblogs.com/a1111/p/12815873.html