bootstrap4 相关
他人学习笔记
https://blog.csdn.net/bbdxf/article/details/79251934
漂亮的主题
https://www.creative-tim.com/product/material-kit
bootstrap4 自定义颜色
默认的按钮，input等颜色比较难看，某些设置也不人性化，这些都是通过编译bootstrap的源码来自己来定义的。主要分以下几个步骤。
- 前期准备。
安装 npm 并使用 淘宝镜像。http://npm.taobao.org/
git 工具
2，下载原文件包。
https://github.com/twbs/bootstrap
在 scss 目录下，就可以看到它的源码。
找到_variables.scss，并修改里边的颜色值，再编译就可以了。比如：
# 有颜色值的是我修改的
$primary: #9c27b0 !default;
$secondary: $gray-600 !default;
$success: #4caf50 !default;
$info: #00bcd4 !default;
$warning: #ff9800 !default;
$danger: #f44336 !default;
$light: $gray-100 !default;
$dark: $gray-800 !default;
sudo cnpm run dist
# 编译打包就可以了
# 修改点击按钮的时候，按钮周围的边框，好难看，强迫症要干掉。这样会把input的边框也干掉了，不好。
$input-btn-focus-width: 0 !default;
$input-btn-focus-color: rgba($component-active-bg, .25) !default;
$input-btn-focus-box-shadow: none !default;