现在的上网设备十分多,每种设备的分辨率都不一样,传统的网站开发需要花很大功夫才能实现不同分辨率下兼容布局,而Bootstrap的出现使得网站开发更加简单快捷。Bootstrap是Twitter推出的一个用于前端开发的开源工具包,其中的一个特性就是支持响应式布局。
原创文章,欢迎转载,请保留出处。
有任何错误、疑问或者建议,欢迎指出。
我的邮箱:Maxwell_nc@163.com...
分类:
Web程序 时间:
2015-05-18 09:14:19
阅读次数:
180
angularJS与BootStrap3是最佳搭档.1、Form.html: 双向数据绑定 邮箱: 密码: 自动登录 获取Form表单的值 设置Form表单的值 重置表单 2、Form.js:var userInfoM...
分类:
Web程序 时间:
2015-05-17 14:54:06
阅读次数:
125
概览 (1)HTML5文档类型 Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。在项目中的每个页面都要参照下面的格式进行设置。 Code ... (2)移动设备优先
Bootstrap3 是对移动设备优先的,为了确保适当的绘制和触屏缩放,需要在...
分类:
Web程序 时间:
2015-05-04 11:36:21
阅读次数:
139
最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,然后各种百度啊,最后在 雅朋网 的一个网友帖子的帮助...
分类:
其他好文 时间:
2015-04-24 12:00:13
阅读次数:
119
http://www.ijophy.com/2014/05/bootstrap3-compatible-with-ie8.html看到这篇文章有越来越多的人看,我决定给大家节省时间,废话少说。有几个点大家要注意。1、本地调试需要Web Server(如IIS、Apache,Nginx),单纯地本地打...
分类:
其他好文 时间:
2015-04-21 22:31:16
阅读次数:
343
最近一段时间,我都使用Flask+Bootstrap3的框架组合进行开发。本文就是在这种技术组合下,分享IE8+兼容性问题的解决方法。根据我的实践经验,如果你在写HTML/CSS时候是按照W3C推荐的方式写的,然后下面的几点都关注过,那么基本上很大一部分IE8+兼容性问题都OK了(这里的IE8+主要...
分类:
其他好文 时间:
2015-04-21 22:24:53
阅读次数:
139
前端框架:AngularJS + Bootstrap3开发环境:Sublime + EmmetTDD工具:Karma + Jasmine集成测试工具:Protractor运行环境:Chrome ,FF,IE构建工具:Grunt or Gulp支持环境的工具:node & npm前端异步加载模块:Re...
分类:
其他好文 时间:
2015-04-17 01:04:29
阅读次数:
186
从开发人员的角色编写 bootstrap3 的基础教程,初学者可以按此教程一步一步操作一遍,就可以掌握bootstrap3的基础用法。 目录 一、框架搭建 1.1 引入文件 1.2 布局容器 1.3 栅格系统 1.4 关于颜色 二、常用样式 2.1 文本操作 2.2 表格操作 2.3 按钮 三、 常...
分类:
其他好文 时间:
2015-04-16 17:25:27
阅读次数:
216
1.前言 通过前面两章网格布局介绍,知识深度很浅,心里有点不安。不能说对不起支持我的园友(我没有这么高尚),就是觉得应该进一步学习一下“时髦”的东东。说到网页设计,恐怕不得不提响应式设计。本章我就尝试一下网格布局下的响应式设计。2.分隔屏幕区间 参考bootstrap3.x栅格系统,展示区间分为四种...
分类:
其他好文 时间:
2015-04-04 13:27:15
阅读次数:
201
本系统使用的ui框架是Bootstrap3.0 布局是使用mvc的模板页面;分【左侧菜单栏目】,头部【个人信息任务栏目】,尾部【公司信息简介栏目】,三大块;系统搭建:(1)ManagerSystem.DI(控制反转层),ManagerSystem.UI(MVC UI层),ManagerSystem....
分类:
Web程序 时间:
2015-03-21 21:12:38
阅读次数:
187