Bootstrap手机网站开发案例

一、总结

一句话总结：Bootstrap手机网站开发注意事项（3点）：a、引入viewpoint声明，b、通过屏幕宽动态控制元素显隐 c、图片添加自适应

 

1、Bootstrap手机网站开发注意事项（3点）？

a、引入手机声明

11     
    

b、通过屏幕宽动态控制元素显隐

135 

c、图片添加自适应

143 $('.panel-body img').addClass('img-responsive');

 

2、页面引用原生数据库操作方法及位置？

php放开头

1 
      7 

 

 

3、应用框架内元素方法，比如bootstrap中的幻灯片？

引模块加指定id进行样式微调

21         .navbar-brand{ 22             padding:0px; 23         }

 

4、模型中foreach循环拆开写？

98         
    

119         
    

 

5、网站到数据库内容转实体方法？

110                 
    

 

6、除uedit外另一个富文本编辑器？

kd，kindeditor，用法和ueditor很像，引文件加js

16     

122 var editor;123 KindEditor.ready(function(K) {124     editor = K.create('#txt', {125         resizeType : 1,126         allowPreviewEmoticons : false,127         allowImageUpload : false,128         items : [129             'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',130             'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',131             'insertunorderedlist', '|', 'emoticons', 'image', 'link']132     });133 });

 

7、通过header跳转方法？

12     header('location:index.php');

 

 

二、Bootstrap手机网站开发案例

 

1、index.php

1 
       7   8   9  10     
      11     
      12      13     
      14      15      16      38  39  40     
     
       41         
      
        42             
       
         43                 
        
          44                   
          45                     Toggle navigation 46                      47                      48                      49                    50                   
          51                        52                    53                 
        
 54  55                 
         56                 
        
          57                   
         
           58                     
          
发布动漫
 59                   
         
 60                 
        
     61             
       
 62            63         
      
 64      65  66         
       67         
      
        68           
        69           
       
         70             
        
 71             
        
 72             
        
 73           
       
 74  75           
        76           
       
         77             
        
          78               
          79             
        
 80             
        
          81               
          82             
        
 83             
        
          84               
          85             
        
 86           
       
 87  88           
        89           
        90              91            92           
        93              94            95         
      
 96  97         
       98         
      101         102         
      
       103             
       
        104                 
        
         105                     
         106                     
         
          107                 
        
108             
       
109             
       
        110                 
            111             
       
112 113             
       
        114                 
        发布者: user1 115                 
        发布时间: 2015.10.27 116             
       
117         
      
118 119         
      122         123 124         
      125         
      
       126           
       
        127             
        
www.lampym.com
128           
       
129           
       
        130             
        
云知梦，只为有梦想的人!
131           
       
132         
      
133     
     
134 135 145 

 

 

2、add.php

1 
       7   8   9  10     
      11     
      12      13     
      14      15      16      17      43  44  45     
     
       46         
      
        47             
       
         48                 
        
          49                   
          50                     Toggle navigation 51                      52                      53                      54                    55                   
          56                        57                    58                 
        
 59  60                 
         61                 
        
          62                   
         
           63                     
          
发布动漫
 64                   
         
 65                 
        
     66             
       
 67            68         
      
 69      70         
      
        71             
       
         72                 
        
          73                     
          74                     
         发布动漫 75                 
        
 76             
       
 77             
       
         78                 
        
          79                     
         
           80                         
          发布者: 81                         
           82                     
         
 83  84                     
         
           85                         
          动漫名称:     86                         
           87                     
         
 88  89                     
         
           90                         
          动漫简介: 91                         
           92                     
         
 93  94                     
         
           95                         
           96                         
           97                     
         
 98                 
        
 99             
       
100         
      
101 102         
      
       103           
       
        104             
        
www.lampym.com
105           
       
106           
       
        107             
        
云知梦，只为有梦想的人!
108           
       
109         
      
110     
     
111 112 136 

 

3、insert.php

1