作为一个PHP工程师,大部分时间都和服务器端语言打交道,从而在前端javascript以及美工,CSS兼容性上有着一定程度的弱势。常常因为要设计一个简单而又美观的界面或是图标寻求设计师的帮助。然而Bootstrap却可以很简单的解决这一切。
首先介绍下Bootstrap,GitHub上这样介绍 bootstrap:简单灵活可用于架构流行的用户界面和交互接口的html,css,javascript工具集。基于html5、css3的bootstrap,具有大量的诱人特性:友好的学习曲线,卓越的兼容性,响应式设计,12列格网,样式向导文档,自定义JQuery插件,完整的类库,基于Less等。本系列教程遵循官方文档结构来介绍bootstrap,包括手脚架(Scaffolding),基础CSS,组件,javascript插件,使用LESS与自定义.本文主要介绍Bootstrap的基础布局–Scaffolding.
这里提供两个地方,里面的Docs和API方法已经写的非常详细了,相信你一定能很快掌握它:
http://twitter.github.com/bootstrap/
http://wrongwaycn.github.com/bootstrap/docs/
以下提供几个Bootstrap效果图:
Modal:
Tab :
Tip:
Table: