Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加,系统会自动分为最多12列。 总结一下我近期的学习Bootstrap的一些理解: 一、.col-xs-1, .col-sm-1, .col-md-1 这些都是什么意思? .col-xs-超 ...
                            
                            
                                分类:
其他好文   时间:
2018-02-03 15:48:41   
                                阅读次数:
119
                             
                         
                    
                        
                            
                            
                                    礼悟: 公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。 虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。 代码 效果 扩展 给最苦 在使用bootstrap开发网页时,这套标尺帮了很多的忙。 Bootstrap,优秀的前端开源框架,值得学习。学习资源:v3.boot ...
                            
                            
                                分类:
其他好文   时间:
2018-01-28 16:32:47   
                                阅读次数:
162
                             
                         
                    
                        
                            
                            
                                    礼悟: 公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。 虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。 代码 效果 浏览器宽度最大时, lg/md/sm/xs 都各安方位,列是列。 缩小浏览器的宽度,当小于1200px时,lg 的列变成一行。 缩小浏览器的宽度,当 ...
                            
                            
                                分类:
其他好文   时间:
2018-01-28 16:27:07   
                                阅读次数:
208
                             
                         
                    
                        
                            
                            
                                    栅格布局使用例子: 其中的: 一. col-xs-offset-2: 设置当前列在xs屏幕下往后移动2个等分的距离,它是使用margin-left的方式实现的,所以会影响后面的元素 它也有向上兼容向下覆盖的特点 二. col-xs-push-2: 可以将当前元素往后推指定的等分,但是它的实现方式是通 ...
                            
                            
                                分类:
其他好文   时间:
2018-01-16 00:53:22   
                                阅读次数:
185
                             
                         
                    
                        
                            
                            
                                    基本简介 1、Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列 2、栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局 3、“行(row)”必须包含在 .container (固定宽度) ...
                            
                            
                                分类:
移动开发   时间:
2018-01-15 16:40:26   
                                阅读次数:
206
                             
                         
                    
                        
                            
                            
                                    Title RayLee RayLee RayLee RayLee ... ...
                            
                            
                                分类:
其他好文   时间:
2018-01-15 12:28:41   
                                阅读次数:
149
                             
                         
                    
                        
                            
                            
                                    礼悟: 公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。 虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。 代码 效果 输入框大小会随着浏览器大小的变化而变化,自己也可以试一试,挺好玩的。 Bootstrap,优秀的前端开源框架,值得学习。学习资源:v3.bootcs ...
                            
                            
                                分类:
其他好文   时间:
2018-01-14 13:07:22   
                                阅读次数:
154
                             
                         
                    
                        
                            
                            
                                    礼悟: 公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。 虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。 代码 效果 Bootstrap,优秀的前端开源框架,值得学习。学习资源:v3.bootcss.com + itcast和itheima视频库 + 清净的心地。如 ...
                            
                            
                                分类:
其他好文   时间:
2018-01-14 01:00:28   
                                阅读次数:
251
                             
                         
                    
                        
                            
                            
                                    礼悟: 公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。 虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。 代码 效果 Bootstrap,优秀的前端开源框架,值得学习。学习资源:v3.bootcss.com + itcast和itheima视频库 + 清净的心地。如 ...
                            
                            
                                分类:
其他好文   时间:
2018-01-14 00:56:03   
                                阅读次数:
148