# Bootstrap4.0-beta案例

**Repository Path**: hubary/Bootstrap4.0-beta

## Basic Information

- **Project Name**: Bootstrap4.0-beta案例
- **Description**: bootstrap4.0-beta版本的学习demo，不允许fork！
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-12-06
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### Bootstrap-4.0-beta案例
-----
### 介绍：
全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目
### v4:放弃了低版本的支持 IE10+

> flexbox将成为Bootstrap 4的默认布局选项;
>
> 栅格系统和多个组件现在使用flexbox构建;
>
> 源码是采用 Sass 语言编写;
>
> 使用了rem为单位（除了部分的margin和padding使用px）结合百分比的写入方式;

### 读文档
    

- 基础模板（Starter template）
> shrink-to-fit=no"   但在iOS9中要想起作用，得加上"shrink-to-fit=no"
    （Box-sizing）
-   下载
> 依赖（Dependencies）
>
>> bootstrap的js需要jq支持
>
> 布局
>> 响应式定宽 container 响应断点 576px/768px/992px/1200px
>>
>> 流体宽度   container-fluid  跨越视口的整个宽度
- 栅格系统    row>col
> 12列栅格
>
> 内容应放置在列中，只有列可能是行的直接子
>
> 网格层基于最小宽度，这意味着它们适用于该层和其上的所有层

---
### By hubary typesetting!