Bootstrap一些例子使用，持续更新...

1、胶囊型导航菜单的使用：

参考如下html：

   

      
         W3Cschool Home
      
   
   
iOS


   

      
W3Cschoool菜鸟教程
   
   

      
iOS 是一个由苹果公司开发
   

效果：

2、想做下面这种菜单怎么做呢？胶囊行，nav-pills，鼠标移上去显示子菜单；

用到的js和css：

html代码：

    

        工作填报
        

            
工作实绩
            
加分情形
            
扣分情形
        
    

这个只要按这个用就可以实现。具体更详细的需要查阅下Bootstrap胶囊型菜单的用法。

图：

3、全选、操作按钮：

想做出如下效果吗？

html代码：

    全  选
    

        
            操  作
            
                   
        

            
审批
            
增加
            
编辑
            
删除
        
    

4、Bootstrap pannel的使用：

html代码：

   

	

	 pannel标题
       
	   

			

				

					你好你好后懊悔哦阿訇啊hi送的好是的
					你好你好后懊悔哦阿訇啊hi送的好是的
					你好你好后懊悔哦阿訇啊hi送的好是的
					你好你好后懊悔哦阿訇啊hi送的好是的
				
			
		
	

其中：

data-parent="#aj_list" 属性让很多的pannel组，展开的时候每次只显示一个；

data-target="#collapse0"属性，让pannel heading点击的时候指明展开的是哪个；

class="panel-collapse collapse in"  in这个class可以默认展开；

aria-multiselectable="true" 、role="tab"、aria-controls="collapse0"、aria-labelledby="aj0"我也不知道，可以试下；后续知道补充。