xixi

一、前言现在开始介绍bootstrap的基础和排序(type)样式。二、源码1、bootstrap.less1.1、bootstrap.less源码 /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://githu

一、前言现在开始介绍bootstrap的面包屑导航(breadcrumb)和面板(panel) 样式。二、源码1、breadcrumbs.less1.1、breadcrumbs.less源码 // // Breadcrumbs(面包屑式导航) // -------------------------------------------------- .breadcrumb { paddi

一、前言现在开始介绍bootstrap的翻页(pager)、列表组(list-group)和徽章(badge) 样式。二、源码1、pager.less1.1、pager.less源码 // // Pager pagination(翻页分页导航) // -------------------------------------------------- .pager { padding-l

一、前言现在开始介绍bootstrap的超大屏幕(jumbotron)、缩略图(thumbnail)和徽章(badge) 样式。二、源码1、jumbotron.less1.1、jumbotron.less源码 // // Jumbotron // -------------------------------------------------- .jumbotron { padding

一、前言现在开始介绍bootstrap的多媒体(media)、关闭图标(close)和凹陷容器(well) 样式。二、源码1、media.less1.1、media.less源码 .media { // Proper spacing between instances of .media margin-top: 15px; &:first-child { margin-to

一、前言这节介绍下tab(选项卡)模块的源码实现。二、源码 /* ======================================================================== * Bootstrap: tab.js v3.3.7(选项卡) * http://getbootstrap.com/javascript/#tabs * ============

一、前言这节介绍下collapse(手风琴)模块的源码实现。二、源码 /* ======================================================================== * Bootstrap: collapse.js v3.3.7(折叠/手风琴) * http://getbootstrap.com/javascript/#collapse

一、前言这节介绍下affix(自动定位浮标)模块的源码实现。二、源码 /* ======================================================================== * Bootstrap: affix.js v3.3.7(自动定位浮标) * http://getbootstrap.com/javascript/#affix * =

一、前言这节介绍下scrollspy(滚动侦测)模块的源码实现。二、源码 /* ======================================================================== * Bootstrap: scrollspy.js v3.3.7(滚动侦测) * http://getbootstrap.com/javascript/#scrolls

一、前言这节介绍下carousel(轮播)模块的源码实现。二、源码1、carousel.less // // Carousel(图片轮播) // -------------------------------------------------- // Wrapper for the slide container and indicators(轮播图容器) .carousel { po

一、前言现在开始介绍bootstrap的 code(代码) 和 grid(栅格)，包括 code.less、grid.less。二、源码1、code.less1.1、code.less源码 // // Code (inline and block) 代码 // -------------------------------------------------...

一、前言现在开始介绍bootstrap的导航条(navbar)样式。二、源码1、navbar.less1.1、navbar.less源码 // // Navbars // -------------------------------------------------- // Wrapper and base class(基础导航条) // // Provide a static navb

一、前言现在开始介绍bootstrap的 navs(导航) 和 pagination(分页)，包括 navs.less、pagination.less。二、源码1、navs.less1.1、navs.less源码 // // Navs(导航) // -------------------------------------------------- // Base class(基础样式) /

一、前言现在开始介绍bootstrap的表单(forms)样式。二、源码1、forms.less1.1、forms.less源码 // // Forms(表单) // -------------------------------------------------- // Normalize non-controls(定制非表单控件) // // Restyle and baseline

一、前言最近一段时间研究了下bootstrap源码，现在开始总结，先从transition(动画)开始。二、源码 /* ======================================================================== * Bootstrap: transition.js v3.3.7(动画过渡) * http://getbootstrap.co

一、前言现在开始介绍bootstrap的button模块样式，包括buttons.less、button-groups.less。二、源码1、buttons.less1.1、buttons.less源码 // // Buttons(按钮) // -------------------------------------------------- // Base styles(基础样式) //

一、前言上节介绍了button模块的样式，这节介绍button.js。二、源码 /* ======================================================================== * Bootstrap: button.js v3.3.7(按钮) * http://getbootstrap.com/javascript/#buttons

一、前言这节介绍下alert(警示框)的源码实现。二、源码1、alerts.less // // Alerts(警示框) // -------------------------------------------------- // Base styles // ------------------------- .alert { padding: @alert-padding;

一、前言这节介绍下dropdown(下拉菜单)模块的源码实现。二、源码1、dropdowns.less // // Dropdown menus(下拉菜单) // -------------------------------------------------- // Dropdown arrow/caret(下拉菜单箭头) .caret { display: inline-block

一、前言现在开始介绍bootstrap的输入框组(input-group)和标签(label) 样式。二、源码1、input-groups.less1.1、input-groups.less源码 // // Input groups // -------------------------------------------------- // Base styles // ---------

一、前言这节介绍下tooltip(提示框)模块的源码实现。二、源码1、tooltip.less // // Tooltips(提示框) // -------------------------------------------------- // Base class(基础样式) .tooltip { position: absolute; z-index: @zindex-to

一、前言这节介绍下popover(弹出框)模块的源码实现。二、源码1、popovers.less // // Popovers(弹出框) // -------------------------------------------------- .popover { position: absolute; top: 0; left: 0; z-index: @zinde

一、前言这节介绍下modal(模态弹窗)模块的源码实现。二、源码1、modals.less // // Modals(静态弹出框) // -------------------------------------------------- // .modal-open - body class for killing the scroll // .modal -

一、前言现在开始介绍bootstrap的 scaffolding(脚手架) 和 tables(表格)，包括 scaffolding.less、tables.less。二、源码1、scaffolding.less1.1、scaffolding.less源码 // // Scaffolding(脚手架) // ---------------------------------------------