bootstrap20180619-常见组件

阅读更多

3常见组件.html

3.1 下拉菜单

3.2 按钮组
单一按钮组

多维

             

                1
         
             

             

                5
  
             

            
           

垂直按钮组

3.3 按钮下拉菜单
不同颜色
按钮式下拉菜单可以和所有表示尺寸的类共存：.btn-large、.btn-small、.btn-mini。

3.4  向上弹菜单项
给.dropdown-menu的直接父节点添加一个类就可以让下拉菜单由下到上显示。.caret将会自动翻转

3.5 tab项 导航栏
基于

并添加.nav-tabs类：
相同的HTML结构，但这里使用了.nav-pills类：
为任一导航组件（标签页、pills或列表）添加.disabled类，均可让链接变灰并失去鼠标悬停效果

为了让标签页可切换，需要在.tab-content中创建一个带有唯一ID的.tab-pane。

tabs-left 左侧 右侧 待实现

3.6 导航条

顶部或底部 悬停

通过添加.navbar-inverse类可改变导航条的外观。

3.7 面包屑

3.8 分页

可根据不同情况定制链接。用.disabled标明链接不可点击，用.active标明当前页。
加.pagination-large、.pagination-small 或 .pagination-mini就可以改变分页尺寸。

3.9 标签与徽章
有用

3.10


字体

警告框 没实现~~~~ 有意思

3.11 进度条

熟悉常见，后续可以定制化开发