Bootstrap学习笔记

前台框架Bootstrap，

《Bootstrap用户手册》和《Bootstrap实战》。Bootstrap框架用到了一些最新的浏览器技术，可以为开发人员提供精美的网页排版方式，这可以帮助加速项目开发，在一个完备的系统中拥有一致的设计和方法；开发者不需要在外观上花费过多时间，而能将精力集中于更重要的功能设计上。

构建好的发布文件说明：

bootstrap.css　　　　　　　　基础样式表

bootstrap.min.css　　　　　　压缩后的基础表样式

动态样式表文件说明：

accordion.less　　　　　　　　折叠插件样式

alert.less　　　　　　　　　　　警告框插件样式

bootstrap.less　　　　　　　　 Bootstrap动态样式表

breadcrumbs.less　　　　　　面包屑组样式

button-groups.less 　　按钮组样式

buttons.less　　　　　　　　　按钮样式

less/carousel.less　　　　　　　轮播插件样式

less/close.less 　　　　　　　关闭按钮样式

less/code.less 　　　　　　　代码预览格式

less/component-animations.less 　组件动画样式

less/dropdowns.less 　　　　　　下拉项样式

less/forms.less 　　　　　　　　　表单样式

less/grid.less 　　　　　　　　　　栅格系统

less/hero-unit.less 　　　　　　　Hero单元样式

less/labels-badges.less 　　　　　标签徽章样式

less/layouts.less 　　　　　　　　布局样式

less/media.less 　　　　　　　　　多媒体样式

less/mixins.less 　　　　　　　　　混合类样式（设计特定结构下的嵌套类样式）

less/modals.less 　　　　　　　　模态对话框样式

less/navbar.less 　　　　　　　　导航条样式

less/navs.less 　　　　　　　　　导航样式

less/pager.less　　　　　　　　　　翻页组件样式

less/pagination.less 　　　　　　分页组件样式

less/popovers.less 　　　　　　　弹出提示插件样式

less/progress-bars.less 　　　　　进度条组件样式

less/reset.less 　　　　　　　　　　重置标签样式

less/responsive-1200px-min.less 　动态响应最小1200像素宽度屏幕样式

less/responsive-767px-max.less　　动态响应最大767像素宽度屏幕样式

less/responsive-768px-979px.less　　动态响应768到979像素宽屏幕样式

less/responsive-navbar.less 　　　　动态响应导航条样式

less/responsive-utilities.less 　　　　动态响应公共样式

less/responsive.less 　　　　　　　　动态响应样式

less/scaffolding.less 　　　　　　　　脚手架样式（页面框架样式）

less/sprites.less 　　　　　　　　　　图标样式

less/tables.less 　　　　　　　　　　表格样式

less/thumbnails.less 　　　　　　　　缩略图组件样式

less/tooltip.less 　　　　　　　　　　工具提示插件动态样式

less/type.less 　　　　　　　　　　　　标签类型动态样式

less/utilities.less 　　　　　　　　　　公用类样式

less/variables.less 　　　　　　　　　　Bootstrap动态样式变量表

less/wells.less 　　　　　　　　　　　　Wells组件效果

Bootstrap的css文件不使用IE条件注释：<!-><!->，使用更好的Hack方式。

.select.child{property:value;} /* */

Bootstrap遵循浏览器私有写法在前，标准写法在后。

Bootstrap对css重设采取的是针对性重置和增强修补。

原文地址