bootstrap课程13  bootstrap的官方文档中有一些控件的使用有bug，如何解决这个问题

一、总结

一句话总结：因为演示是正常的，所以检查演示效果的代码，把那一段相关的都弄过来就可以了

 

1、工具提示是怎么做出来的？

Hover over the links below to see tooltips:

data-toggle="tooltip" data-placement="top" title="Tooltip on top"

如果这个没有效果，就看它样例里面是怎么写的，如果把样例拿下来还不行，那就是差文件了，把js下下来就可以了

 

 

二、bootstrap的官方文档中有一些控件的使用有bug，如何解决这个问题

1、相关知识

滚动监听:

data-spy='scroll'

data-target='#mynav'

data-offset='150'

[自定义滚动监听实例]

标签页:

[data-toggle='tab']

.tab-content

.tab-pane

.active

.fade

.in

折叠效果:

[data-toggle="collapse"]

[data-parent='#accordion']

.panel-collapse

.collapse

.panel-group

幻灯片:

.carousel

.slide

[data-ride='carousel']

.carousel-inner

.item

.active

.carousel-indicators

[data-slide-to='0']

.left

.carousel-control

[data-slide='prev']

[data-slide='next']

 

 

2、代码

 

图片新闻幻灯片2

1  2  3  4     
      5      6     29     
     30     31     32     33 34 35     
     
      36         
      
Bootstrap框架
37         38         
      
       39             
       40             
       
        41                 
        
         42                     
         43                     
         
          44                         
          
linux技术文档
45                         
          
linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!
46                     
         
47                 
        
    48                 
        
         49                     
         50                     
         
          51                         
          
php技术文档
52                         
          
php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!
53                     
         
54                 
        
    55                 
        
         56                     
         57                     
         
          58                         
          
javascript技术文档
59                         
          
javascript is very much!javascript is very much!javascript is very much!javascript is very much!javascript is very much!javascript is very much!javascript is very much!javascript is very much!javascript is very much!
60                     
         
61                 
        
    62             
       
    63 64 65             
       66             
       67                 68             69 70             
       71                 72             73         
      
        74     
     
    75 76 87 

 

折叠效果

1  2  3  4     
      5      6     11     
     12     13     14     15 16 17     
     
      18         
      
Bootstrap框架
19         20         
      
       21             
       
        22                 
        
         23                     
         
          linux
         
24                 
        
25                 
        
         26                     linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!linux is very much!27                 
        
28             
       
29 30             
       
        31                 
        
         32                     
         
          php
         
33                 
        
34                 
        
         35                     php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!php is very much!36                 
        
37             
       
38 39             
       
        40                 
        
         41                     
         
          javascript
         
42                 
        
43                 
        
         44                     js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!js is very much!45                 
        
46             
       
47         
      
48         49     
     
    50 51 60 

 

消息提示

1  2  3  4     
      5      6     20     
     21     22     23     24 25 26     
     
      27         
      
       28           
       
        29             
        30             
        
         31               
         32                 Toggle navigation33                 34                 35                 36               37               
         Brand38             
        
39 40             
        41             
        
         42               
         
          43                    
          
linux
 44                    
          
php
 45                    
          
js
 46                    
          
html5
 47               
         
48             
        
49           
       
50         
      
51 52         
      
       53              
       Tooltip on left54         
      
55     
     
    56 57