Twitter bootstrap 引导非常简单的col-12在容器内，但不起作用

我的问题很简单，我想在一行中放置4个按钮，它在PC中工作，但在手机中不工作：

    <div class="container">
  <div class="row text-center">
    <div class="col-lg-12 col-md-12 col-xs-12">
      <button class="btn btn-theme">Scores</button>
      <button class="btn btn-theme">With Lifetime Income</button>
      <button class="btn btn-theme">Without Lifetime Income</button>
      <button class="btn btn-theme">Bank</button>
    </div>
  </div>
</div>

分数
终身收入
没有终身收入
银行

正如您所看到的，4个按钮总是填充在半行中。没有填写整行，为什么？谢谢。

。用div包装按钮并应用以下css:

display:flex和
对正内容：间距均匀


.custom cont{
显示器：flex；
对正内容：空间均匀；
}

分数
终身收入
没有终身收入
银行
这是不可复制的。什么是btn主题
？只是。btn主题{背景：#01b1d7！重要；颜色：白色！重要；}应该很好不起作用，4个按钮在同一行，但它们仍然只占一半screen@Invincible_Pain您是否尝试了按钮上的
flex:1
？请参阅。@Invincible\u Pain您也可以使用
容器流体
而不是
容器
使div充满屏幕。分数与终身收入没有终身收入银行，我尝试了以上就像你说的，甚至容器流体，但仍然是same@Invincible_Pain我试过你的代码，它也能工作。请记住，
container
和
col-12
有填充物，可以移除。请参阅更新的。