飞最近学习了下bootstrap,在此将期间的一点学习历程记录下:
首先肯定是先将bootstrap3的中文文档读一遍:
1.“起步”里的内容大概浏览一下就好,不用细看,主要是将bootstrap的文件下载到本地。
2.“全局CSS样式”:开头内容细看,明确如何引入boortstrap文件以及一些文档要求。
3.通读一遍“全局CSS样式”里面的内容,通读要点:
<1>明确它的样式设置方式——一般都是给标签增加一个class
<2>了解他都有哪些常用的样式,比如表格,样式类型有:基本的样式 — 少量的内补(padding)和水平方向的分隔线;有增加类似斑马线条纹的表格,用于方便区分;有带边框的表格;鼠标悬停;响应式……
<3>通读一遍“组件”,了解有哪些组件,着重看下有哪些平时常见的字体图标、下拉菜单、导航、警告框、弹出框等。
4.然后具体使用时就可以去查询使用啦,注意使用时,bootstrap的class命名还是很有规律的,
如1.基本尺寸:一般都是给原有类加个后缀:-lg -sm -xs,按钮尺寸:btn-lg、btn-sm;按钮组尺寸:btn-group-lg、btn-group-sm、btn-group-xs……
5,.bootstrap的样式还是很简单大方的,也省去了我们不断调试样式的脑细胞~~~平时做项目如果没特殊要求可以多运用下,基本都是用的时候去看下使用的方法就可以立马使用了。
本文原载飞的个人空间:http://1.flyingdream.sinaapp.com/?p=17