调试内外边距 对齐方式... row 默认12列 具体内容放在列元素之内,列元素能成为row元素的直接">

Bootstrap进阶

一、栅格布局

0x1 栅格系统

1、规则

调试内外边距 对齐方式...

  • row 默认12列
  • 具体内容放在列元素之内,列元素能成为row元素的直接子元素****
  • 2、布局基础

    3、响应式
    原理就是在class里面针对不同分辨率做不同的col- 布局
    Demo

    0x2 基础排版

    二、常用组件

    0x1 图标

    必须是内联元素,分为基本类、图标类
    需要内联元素span,使用时文字前面加空格

    0x2 下拉菜单

    Demo

    0x3 按钮组

    Demo

    0x4 按钮组

    0x5 输入框

    0x6 导航

    0x7 分页

    0x7 标签

    0x8 徽章

    0x9 进度条

    三、常用插件

    0x1 模态框

    通过data属性来调用,子窗体覆盖父窗体。