bootstrap 黑边框表格样式_bootstrap4常用样式整理

背景

最近在做一些小的学习项目时，多次用到了bootstrap4，所以在这里将bootstrap进行整理，用来以后查看。

bootstrap4安装

容器和网格系统

container container-fluid //容器类前者固定宽度后者100%宽度

文字排版

display //标题类 1-4

small //小文本

//文本底部下面一条虚线边框

颜色

text-muted 柔和

text-primary 重要

text-success 成功

text-info 提示

text-warning 警告

text-danger 危险

text-secondary 副标题

text-dark 深灰色文字

text-light 浅灰色

text-white 白色

表格

table //默认样式

table-striped //条纹表格

table-bordered //边框表格

table-hover //鼠标悬停

table-dark //黑色背景表格

table-responsive //响应式表格

图片

rounded //圆角效果

rounded-circle //椭圆效果

img-thumbnail //图片缩略图效果

img-fluid //图片响应式效果

超大屏幕

jumbotron // 屏幕

jumbotron-fluid //没有圆角的全屏幕

信息提示框

alert-succ