zoukankan      html  css  js  c++  java
  • Bootstrap学习笔记

    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重设采取的是针对性重置和增强修补。

    原文地址

  • 相关阅读:
    jQuery表单验证以及将表单序列化为json对象小练习
    判断客户端浏览器是否安装了Flash插件
    css文本超出2行就隐藏并显示省略号
    jquery and js 判断一个元素是否存在
    jquery表单实时验证
    trigger()和triggerHandler()
    IE浏览器下面要实现滤镜(transparent),必须要加filter
    使用javascript判断浏览器类型
    web引入
    前端大纲********
  • 原文地址:https://www.cnblogs.com/tongs/p/6832406.html
Copyright © 2011-2022 走看看