主要介绍在首页实现中用到bootstrap实现效果的地方。

• 实现如下的效果：

    
      
       
       登录 | 
       注册    
      

• 实现如下效果：输入框里面包含图标

1 
2   
      
       3      
       4        
       5   
      
6 

• 实现如下效果：

div2悬浮div1之上：

• 实现如下效果：

自己在网上找了半天，基本上都是一次轮询一张图片。自己按照例子实现一次实现轮询四张图片。实现多张图片的效果，可以根据需要动态调整。如下：

 

         
     
      
            
      
        
       
        
       
        
       
        
       
      
      
      
      
        
               
       
            
        
               
         
                  
               
         
                 
               
         
                  
               
         
                 
            
        
        
       
        
                
      
       
      
         
                       Previous            
                       Next            
      
         
     
     

轮询CSS:（根据自己需要调整宽度）

#myCarousel{
   width:1000px;height:120px;margin:0 auto;}#myCarouseldiv1{
   height: 120px;background-color: #FFF;}#myCarouseldiv1 ul{
   float:left;padding-right:40px;margin-left: 5px;}#myCarouseldiv1 ul li{
   float:left;list-style:none; padding-left: 10px;}   
     #myCarosela a{
   margin-top: 50px;background-color: orange;width: 30px;height: 30px;}

• 使用的栅格暂时不做介绍了bootstrap中文网上都有。