.blockquote-footer::before {
  content: "\2014 \00A0";
}

引用的腳步~效果是插入了“—”，可以做一個署名。

.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}

默認情況下container會有15px的padding左右值。

container會根據媒體尺寸變化而固定改變最大尺寸，而container-fluid並沒有這樣的設置。

.container-fluid 
 
{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}

這裏設置了兩次width??

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

flex布局~

.no-gutters {
  margin-right
 
: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

輔助類~消除邊距，並且在它之下的col-開頭的類元素也都會把邊距消除。

.col-1 {
  -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

100/12然後粗略得到了每個col的占有比例。

（鑒於我對flex布局還不是特別清楚，這裏只能先留個疙瘩啦！）

.order-1 
 
{
  -ms-flex-order: 1;
      order: 1;
}

這裏又是涉及到flex布局，order屬性用於更改在主軸方向上排列順序。order數值越小，排列越靠前，默認為0，可以為負數。

bootstrap源碼學習：輔助（1）