Bootstrap学习笔记【Bootstrap-v3.0.3】 - 随笔分类 - huige728

摘要：这次我们来说下列排序：通过使用 .col-md-push-* 和 .col-md-pull-* 类就可以很容易的改变列（column）的顺序。 Bootstrap-Template-07 ... 阅读全文

posted @ 2014-07-14 11:18 huige728 阅读(985) 评论(0) 推荐(1)

摘要：这次我们来说下嵌套列：为了使用内置的栅格系统将内容再次嵌套，可以通过添加一个新的 .row 元素和一系列 .col-sm-* 元素到已经存在的 .col-sm-* 元素内。被嵌套的行（row）所包含的列（column）的个数不能超过12（其实，没有要求你必须占满12列）。 ... 阅读全文

posted @ 2014-07-12 17:51 huige728 阅读(837) 评论(0) 推荐(1)

【8】了解Bootstrap栅格系统基础案例（3）

摘要：这次我们来说下列偏移：列偏移就是使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距（margin）。例如，.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列（column）的宽度。废话不多说，直接上... 阅读全文

posted @ 2014-07-12 17:28 huige728 阅读(515) 评论(0) 推荐(0)

【7】了解Bootstrap栅格系统基础案例（2）

摘要：ps.这一次要说的是“Responsive column resets”，但是不知道为什么中文官网没有给出翻译，但是在看到案例的时候，感觉这就像一个bug，我自己姑且叫这个是一个高度bug吧，方便自己，要是大家有其他好的说法，请告诉我。================================... 阅读全文

posted @ 2014-05-05 21:30 huige728 阅读(1599) 评论(0) 推荐(0)

【6】了解Bootstrap栅格系统基础案例（1）

摘要：从上一张我们了解了栅格选项，那么我们就来了实战了解下吧（其实还是中文官网的案例）ps.我这里是电脑上用谷歌浏览器来观察的，毕竟电脑的分辨率高（1440*900px），谷歌浏览器最大化后，值比大屏幕设备的1200px的还要大，这样我们就可以通过拉缩浏览器改变可视区域来观察效果，当然，你会用谷歌浏览器模... 阅读全文

posted @ 2014-05-04 17:04 huige728 阅读(1528) 评论(0) 推荐(1)

【5】了解Bootstrap预置的栅格系统

摘要：在开篇之前我们来说2个class，因为以后要用到的 ...用.container包裹页面上的内容即可实现居中对齐，主要用于固定宽度并支持响应式布局的容器。在不同的媒体查询阈值范围内都为container设置了width，用以匹配栅格系统。 ....container-fluid 类用于 100%... 阅读全文

posted @ 2014-05-04 15:28 huige728 阅读(614) 评论(0) 推荐(0)

【4】创建一个自己的Bootstrap模板

摘要：什么也不说了，直接贴上代码吧，哈哈 Bootstrap-Template-01 Hello, world! 哪下面我就来说说几个要点吧【1】Boo... 阅读全文

posted @ 2014-05-03 09:09 huige728 阅读(1003) 评论(0) 推荐(0)

【3】Bootstrap的下载和目录结构

摘要：【1】下载去中方官网下载http://www.bootcss.com/如果你是做网页练习，你可以使用CDN加速服务，免去下载等痛苦，当然你使用的时候必须有连接上网络。中方的官网也提供了很多种类的CDN加速服务，我这里就直接贴上官网自己的CDN加速服务吧。由于Bootstrap提供了预编译版本和源码版... 阅读全文

posted @ 2014-05-02 15:13 huige728 阅读(3171) 评论(0) 推荐(0)

【2】认识Bootstrap

摘要：作为当下最流行的前端开发框架Bootstrap，它可大大简化网站开发过程，从而深受广大开发者的喜欢，当然你去它的官网中文网站就能看到大大的小标定义：“简洁、直观、强悍、移动设备优先的前端开发框架，让web开发更迅速、简单。”下面我们就说说是什么让大家学习上这款前端框架？？？【1】以最少的时间来完成一... 阅读全文

posted @ 2014-05-02 11:18 huige728 阅读(476) 评论(0) 推荐(0)

【1】Bootstrap入门引言

摘要：Bootstrap学习者要具备的一些要求：【1】xhtml常用标签的基础知识【2】xhtml+css布局的基础知识【3】html5+css3的基础知识======================================必备的软件：【1】手写代码-----Dreamweaver、notepad... 阅读全文

posted @ 2014-05-02 10:15 huige728 阅读(533) 评论(0) 推荐(0)

huige728

随笔分类 - Bootstrap学习笔记【Bootstrap-v3.0.3】

公告