Yii2框架默认採用了bootstrap作为CSS风格,各种视图类组件都如此.之前一直採用默认风格,并在必要的时候加入或者改动一下class来达到目的.但在改版Yii1.1的orange项目时.发现之前也是套的模板,事实上没有好好去理解一下bootstrap的那套规则.所以顺便大致梳理一下吧.以basic模板为例,对比http://v3.bootcss.com/css/ 上的内容进行. 看layouts/main.php.Yii2默认以HTML5文档类型进行的了.但语言默认是en-US.所以要改…

一.源码文件: _grid.scss:格子系统类文件 Mixins/_grid.scss:支持格子系统实现的mixin集合 Mixins/_grid-framework.scss:格子系统实现的核心mixin 二.支持的功能 1. 实现按百分比布局 2. 实现格子的定位 3. 实现格子的嵌套 4. 如果只使用格子系统,可以只编码bootstrap-grid.scss文件 三.实现原理 1. 按百分比布局,主要思考的问题如何在不同的设备上平均分配的宽度,bootstrap只是用了简单的百分比,在任…

Web开发领域存在大量的反复劳动.以创建一个菜单为例,不同的人或是同一个人在不同的时期去构建一个菜单.他创建出来的菜单格式都会存在差异:随着构件的菜单越来越多,我们会发现假设将构建菜单这件事形成一个框架,以后仅仅要调用这个框架就能生成一个菜单.这样会极大地提高开发的效率.Bootstrap就是在这种环境中产生.Bootstrap是一个用于构建响应式站点的前端框架.它将HTML.CSS和Javascript结合起来,为构建稳定的站点提供了基础的设施,提高了开发效率.Bootstrap为用户提供了一…

首先让我们回顾一下系列内容. 从零开始学Bootstrap(1)介绍了BootStrap最简单的模板,逐条解释了每行代码的含义. 从零开始学Bootstrap(2)强调了边学边做,通过实际的例子,讲解了如何一步一步的实现自己想要的效果. 写到这里,这篇从零开始学Bootstrap(3)我想写以下几个内容: 1. 基于我对Bootstrap的理解,做一个小小的总结. 2. 对从零开始学Bootstrap(2)例子进行UI美化和代码优化,主要是说说我是怎么做出自己想要的效果的. 3. 授人以鱼不如授…

年后太忙,一直没有更新 好,这篇结束,速啃嘛,就应该拿重点,实用点.继续之前的内容,接着来讲讲网页中常用的布局组件与插件,我喜欢用简单的直接的话或案例来说明,就是针对那些想快速能做出点东西的人而准备的... 好,走起.... 一.下拉菜单(Dropdowns) 下拉功能在网站是经常见到的,用CSS能写出简单的下拉效果,事件型的CSS就写不出来了,那么用bootstrap就能很快的帮你搞定,如需使用下列菜单,只需要在 class .dropdown 内加上下拉菜单即可, 看案例: <!DOCTYP…

进入中文官网:http://www.bootcss.com   开始第一个Demo   准备工作: (1)进入bootstrap中文官网,点击起步 (2)下载生产环境         下载好的文件是一个压缩文件,学习时建议使用未压缩版本,项目开发时必须使用压缩版本.   (3)找到基本模板,将其复制粘贴进来,当然,必要时需要按需求进行更改.   学习bootstrap首先需要理解的是栅格系统,看官网(http://v3.bootcss.com/css/#grid-intro)给的定义:     …

接触bootstrap也半年有余,从一开始不知道如何使用,到知道其各个模块的具体功能,再到提炼哪些使用的比较多,再此又体会到bootstrap源码的精髓,通过oocss写的类使其感觉更有易用性,开始本想对其各个板块,按钮进行逐一分析,总结出属于自己的一套css代码(自己也有属于自己的库,对各个组件的样式理解的更为透彻).但因为部门扩大,自己不得不在JS上花费精力,导致最终想法并未实现. 到现在深刻感觉到,响应式布局确实是这个社会的潮流以及未来发展方向.为此也发现自己对于bootstrap的理解确…

HTML:1.  什么是语义化的HTML?有何意义?为什么要做到语义化?(高频率考题)2.  行内元素和块元素分别有哪些?(高频率)3.  严格模式与混杂模式的区分?如何触发这两种模式?(高频率)4.  Doctype 是什么?有啥作用5.  HTML与XHTML的区别6.  HTML5以什么标签开头?7.  Div与span的区别8.  Img的alt和title有啥区别?各自作用?9.  HTML5的离线储存10. iframe有那些缺点?CSS:1. CSS盒模型原理(高频率)2. CSS…

  经过一个月的学习,我基本掌握了HTML5的一些标签的用法和特性,以及一些CSS3的属性的特点和用法. 在本周安排的为期四天的第一阶段的课程的项目实训中,我基本能够熟练运用学到的知识,完成页面的速度和质量有明显的提高,经过自己加班加点的书写,在第三天中午就完成了所有项目的整体内容.不过,我知道网页的优化书写是没有终点的,并不是说完成了整体内容就算了事了,在做的过程中,明显有很多内容并没有特别细致的完善.我对自己的项目成果也不能满意.所以又用了1天的时间去修改完善细节部分的内容,对于部分小的图标…

手机自动化测试:Appium代码之Logger   poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标.poptest推出手机自动化测试的课程,讲解appuim的实际应用,培训全程用商业项目,   大家可以加qq群进行交流:195983133 log形式 首先我们来看一段log输出: info: Starting App info: [debug] Attempting to kill all 'uiautomator' proc…