Twitter bootstrap 如何更改按钮的外观

我有这个按钮在这里“撤回”我如何才能使名称适合按钮在一行

这是密码

    <div class="col-sm-4 pb-3">
      <!-- Card -->
<div class="card card-image h-90 " >

  <!-- Content -->
  <div class="text-white text-center d-flex align-items-center rgba-black-strong py-5 px-3 justify-content-center ">
    <div>
      <h5 class="pink-text"><i class="fas fa-chart-line"></i> Your Rewards</h5>
      <h3 class="card-title pt-2"><strong>Earned AGI</strong></h3>
        <p>AGI Dividends</p>
        <h3 id="myDividends">0</h3>
        <br>

      <div class="row">
      <div class="col-lg-6  pb-3">
        <button type="button" class="btn btn-primary  btn-block" id="reinvest" onclick="reinvest()" >REINVEST</button>

      </div>
      <div class="col-lg-6 ">
        <button type="button" class="btn btn-primary  btn-block" id="withdraw"  onclick="withdraw()">WITHDRAW</button>
      </div>
    </div>

    </div>
  </div>

你的奖励
已赚AGI
AGI股息

0


再投资
撤退

这是图片

---

尝试添加CSS空白：nowrap以永不换行，或者您可以减少该按钮的填充

.btn {
   white-space: nowrap;
   text-align: center;
}

或

---

尝试添加CSS空白：nowrap以永不换行，或者您可以减少该按钮的填充

.btn {
   white-space: nowrap;
   text-align: center;
}

或

---

帮了大忙，好心的先生，空格选项起作用了。帮了大忙，好心的先生，空格选项起作用了