深入理解Bootstrap笔记

MD ,星期六.星期天在家闲了,今天才抽出空来看第二章,真心该打~不过看了之后,觉得收益蛮多的! 看了栅格这篇时,发现一个问题了,以前做自己的网站时,有的时候排版真心有问题,page21这里列排序:.col-md-push-*(*这里填写数字) 完全可以实现的嘛,还用什么float,真心觉的自己傻的不是一星半点的! 现在让我去做,保证bootstrap的栅格系统用的顺滑了! 越看越觉着bootstrap的用处太大,不同屏幕上用不同的栅格尺寸标准,就完成能实现.超小屏幕设备手机(<768px):.

书中page1中提及:bootstrap在github上已经有5142个watch.64207个star.23019个fork,ok~what is the watch.star and fork? 经过小编一翻搜索:watch-关注,star-加星,fork-a copy of the code(复制一份),TMD 这英文真无语! 书中page3中提及:经常使用IDE的源码搜索功能,ok! what is IDE? 度娘如是说:IDE(Integrated Development Enviro

一.  整体架构 1. CSS-12栅格系统 把网页宽度均分为12等分(保留15位精度)——这是bootstrap的核心功能. 2.基础布局组件 包括排版.按钮.表格.布局.表单等等. 3.jQuery bootstrap插件的基础 4.响应式设计 兼容多个终端.这是bootstrap的终极理念. 5.css插件 提供丰富的样式. 6.js插件 二. 栅格系统 1.基本实现过程 定义容器的大小——跳转边距——媒询 有以下要求: (1)一行(row)数据必须包含在.container中. .con

感谢大家 感谢大家仔细阅读本书,并给本书指出了那么多的错误,下次重印时,一定会修正. 勘误列表 ID 发行人 章节 原文 更新文 备注 1 剑衣清风(微博) 1.5选择器(p7) [att$=value]    该属性的值必须包含特定值(而无论其位置怎么样).[att*=value]    该属性的值必须以特定值结束 . [att$=value]    该属性的值必须以特定值结束 .[att*=value]    该属性的值必须包含特定值(而无论其位置怎么样). 两个解释的文字反了 2    

先说活动规则,再说书的事 经过将近1年的努力,终于有了第一本自己独立编写的书:<深入理解Bootstrap>,基于最新版V 3.1 ,侧重于源码详解.架构分析.插件扩展(全新开发)实战.为了感谢大家以往依赖的支持,所以再次来个大放送,15个名额,具体活动内容和规则如下: 活动1:博客园回帖送书 规则: 5月23.26.27.28.29总计5天,在本帖,每天10.14点的第一个回帖评论者,分别赠送本书1本. 同一ID不可以重复参与活动,重复的话,取紧接着的下一个人. 明确确认后,请PM你的地址.

上一篇太长了,接下来,继续扯: 3.5.3横向表单, 横向表单不能在form元素上简单应用一个.form-horizontal样式,这是因为其本身没有做什么特殊的设置,只简单设置了一下相关的padding和margin值,源码: 运行效果: 所以,要实现横向表单,不仅要应用上述样式,还要使用bootstrap预设的栅格类,以便将label和控件水平布局,由于.form-horizontal样式改变了.form-group的行为,将其表现的像栅格系统中的行(row)一样,因此就无需再使用.row样

软件架构理解 1FastDFS介绍 1.1什么是FastDFS FastDFS是用c语言编写的一款开源的分布式文件系统.FastDFS为互联网量身定制,充分考虑了冗余备份.负载均衡.线性扩容等机制,并注重高可用.高性能等指标,使用FastDFS很容易搭建一套高性能的文件服务器集群提供文件上传.下载等服务. FastDFS是一个开源的轻量级分布式文件系统,它对文件进行管理,功能包括:文件存储.文件同步.文件访问(文件上传.文件下载)等,解决了大容量存储和负载均衡的问题.特别适合以文件为载体的在线服

今天这里主要是学习bootstrap 中的栅格系统,其实bootstrap主要是应用与响应式的,说到响应式大家都会想到媒体查询@media:没错这里的关键点那就是媒体查询@media(废话不多说了,直接进入正题): 媒体查询 阈值(注意:例子中阈值都为默认值) 首先我们要知道bootstrap为我们提供了一套完整的流体栅格系统,而且随这屏幕或者视扣尺寸的增加,系统会制动分成最多12列 记住最多12列,当然有人会问多出了怎么办?别急下面且看我给您慢慢道来: 首先了解一下bootstrap媒体查询的

一.列表 1.无序列表<ul> 给无序列表添加一个类名".list-unstyled",这样就可以去除默认的列表样式的风格.除了项目编号之外,还将列表默认的左边内距也清0了. .list-unstyled { padding-left: 0; list-style: none; } 2.有序列表<ol> 3.内联列表 Bootstrap像去点列表一样,通过添加类名".list-inline"来实现内联列表,简单点说就是把垂直列表换成水平列表,