超级版主
- 金钱
- 798
- 金币
- 15
- 威望
- 0
- 贡献
- 0
|
Bootstrap 网页设计用户界面架构(中文视频教学)
Bootstrap 是 twitter 公司里面的开发者和设计师一起做出来的一套用在网页上的用户界面和交互的架构。
架构的意思就是把经常用的东西事先为你编写好，需要的时候，直接调用就可以了。
比如说，你想去设计网页的布局，你需要计算网页的宽度，然后手工把布局要用的 CSS 代码写出来。
Bootstrap 架构内置了一套网格布局系统，你只需要在元素中使用设计好的布局相关的网格类，不需要你再去手工撰写布局使用的 CSS 代码了。
如果你想在网页中出现一个按钮，通常你需要先用图形设计软件，去设计一个按钮 ，然后再把它用 HTML 和 CSS 表示出来。
在网页中使用 Bootstrap 架构 ，我们可以直接为元素添加 Bootstrap 设计好的按钮相关的类，就可以立即在网页中出现一个漂亮的按钮，Bootstrap 还允许你控制这个按钮的颜色 ，样式，大小等等。
Bootstrap 里面包含了很多在网页中经常用的界面的设计。表格，表单、导航栏，按钮组，分页器，导航路径等等。
Bootstrap 还提供了很多交互的小插件，比如对话窗，下拉菜单，工具提示，选项卡等等，这些你都可以直接使用，你只需要按照 Bootstrap 设计好的方式，先把代码的结构写出来，然后在元素中使用相应的类，剩下的事 Bootstrap 全部都会为你做好。
百度网盘：
链接: http://pan.baidu.com/s/1lhIZc
版权声明：
1、本人发布的资源或软件若非本人原创，而来自网络或其它渠道、版权非本人所有 (在此声明：与 德云社区 无关)；只能作为私下交流、学习、研究之用，版权归原作者、原软件公司所有。
2、若本人发布的资源或软件为本人原创，在 德云社区 发布后，德云社区 就自动获得了本人的许可，但本人保留所有权。
3、若您在没有获得本人发布资源、软件的所有权，或未经原作者、原软件公司许可前提下，请在下载后 24 小时内自行删除相关资源或软件。若您喜欢此资源或软件，请联系原作者、原软件公司获得许可。
4、本人仅仅提供一个私下交流、学习、研究的环境，将不对任何资源、软件负任何法律责任 (并在此声明：与 德云社区 无关)！
5、任何涉及商业盈利性目的的单位或个人，均不得使用本人发布的任何资源或软件；否则，产生的一切后果由使用者自己承担！
|
|
发表于 2014-12-1 14:14:26
发表于 2015-3-29 13:20:40
谢谢分享