html - Bootstrap 4 - 4 个按钮(2 x 行)在同一按钮组响应

Question

我想在 bootstrap 4 中定义一个按钮组，里面有 4 个按钮，两个按钮用于一行。 (响应)

Answer 1

.box {
  background-color: #3C8DBC;
  color: #fff;
  text-align: center;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>

<div class="container">
  <div class="row">
    <div class="box col">Filtri</div>
    <div class="box col">Filtri</div>
    <div class="w-100"></div>
    <div class="box col">Filtri</div>
    <div class="box col">Filtri</div>
  </div>
</div>

在这里你可以看到更多:https://getbootstrap.com/docs/4.1/layout/grid/#equal-width

此外，您可以在Filtri之前插入一个iconfont来添加过滤器图标。例如:

<div class="box col"><span class="icon"></span>Filtri</div>