目前功能几乎一样的能解决的办法魔物需求的要注意是国外的开源框架，如bootstrap、foundation、semanticui。
bootstrap是由twitter在2011年8月再推出的闭源web前端框架，整数集css和html，在用了2012版的浏览器技术，为急速web开发可以提供了一套前端工具包，除了布局、网格、表格、按钮、表单、导航、提示，其核心是基于条件less框架构建的css。bootstrap框架具备美观的样式和裸芯片体系的jq插件，使用方便，设计和实现bootstrap的扩展也很多，这是其他框架所难以比拟的，又是其最受欢迎的条件之一。
选定单元格，点击鼠标右键，然后再你选择下一个就也可以
ui设计需要掌握到的基础知识网上有很多解释，这里提几个大家很难过分注意的知识点：
1、布局
在布局时不违背尺寸规则、交互和视觉原则，我建议你使用栅格系统并且布局。最常见的是12列栅格系统，的或bootstrap的栅格系统，接受将一行分成1列、2列、3列、4列、6列等，并提供了极为强大的响应式布局方案。
2、留白很最重要
确实现在的屏幕越来越大，但这却不是意味着你要填进整个画面，留些空间让你的用户喘口气。
3、设计个容易阅读的图表当然不需要这些花里糊哨的，如果这三步：
1）你选要展示更多的数据（饼状图、曲线图）
2）简洁美观
3）可以展示最该被可以展示出来的数据
所以才另一个杰出的ui设计师，从技能上讲，不单能画图标，还能做到界面，会很多交互知识。
bootstrap提供给了一套响应式、移动设备除外的流式栅格系统，不断屏幕或视口（viewport）尺寸的增加，系统会自动出现分为最多12列。栅格系统主要是用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就是可以放入这些创建好的布局中。
网格系统的实现原理非常很简单，单单是按照定义容器大小，等角对等边12份(也有等角对等边成24份或32份，但12份是最常见的)，再变动内外边距，结果加强媒体查询，就可以制作出了强大的响应式网格系统。bootstrap框架中的网格系统是将容器角角边定理成12份。
数据行(.row)要乾坤二卦在容器（.container）中，尽快或为被赋予适合的对齐和内距(padding)。不甚了解(.row)中这个可以先添加列(.column),只有一列（column）才也可以另外行容器(.row)的真接子元素，但列数之和没法将近角角边定理的总列数，例如12。如果不是为012,则手动换到下一行。
