如何在Bootstrap 4中使用flexbox进行边距折叠？

Question

在下面的示例中，我尝试使用自举4进行边距折叠，我希望按钮和列之间有50px的间隙，但是void decStr(char* str1, long long d, long long n) { char* str2 = new char[2048]; cout<< endl << "\nDecrypting using Private key: "<<endl; int i = 0; while(i!= strlen(str1)) { str2[i] = modExp(str1[i], d, n); i++; } string str (str2); cout << endl << str << endl; } 上的display: flex;设置为100px。我怎样才能在这里实现利润率下降？

＆＃13;

＆＃13;

.row

＆＃13;

.test-block {
  background: #FFDC00;
  border: 1px solid #111;
  margin-bottom: 50px;
  text-align: center;
}

.test-element.col-12 {
  background: #FF4136;
}

.button-block {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: white;
}

.btn-caption {
  color: #111;
}

* {
  text-align: center;
  color: #111;
}

.wrapper {
  margin-top: 30px;
}

＆＃13;

＆＃13;

＆＃13;