MDBootstrap按钮复选框

Question

我一直遵循MD提供的文档，但是我的按钮上出现了这个烦人的复选框，我不知道为什么要完全按照他们的书面说明进行操作。

我尝试编辑代码，但是我不知道如何摆脱每个图像旁边的此复选框。对于上下文，我当前在容器中有2个div（行），其中1个占据了92％的高度，另一个占据了8％的CSS值。

CSS：

.buttons {
    height: 8%;
}

HTML：

<div class="row buttons>

      <!-- Bottom 5 Buttons -->
      <div class="btn-group" role="group" data-toggle="buttons">

        <label class="btn btn-light-blue form-check-label">
          <input class="form-check-input" name="options" type="radio" id="option1" autocomplete="off">
          <i class="fa fa-question"></i>
        </label>

        <label class="btn btn-light-blue form-check-label">
          <input class="form-check-input" name="options" type="radio" id="option2" autocomplete="off">
          <i class="fa fa-question"></i>
        </label>

        <label class="btn btn-light-blue form-check-label active">
          <input class="form-check-input" name="options" type="radio" id="option3" autocomplete="off" checked>
          <i class="fa fa-home"></i>
        </label>

        <label class="btn btn-light-blue form-check-label">
          <input class="form-check-input" name="options" type="radio" id="option4" autocomplete="off">
          <i class="fa fa-question"></i>
        </label>

        <label class="btn btn-light-blue form-check-label">
          <input class="form-check-input" name="options" type="radio" id="option5" autocomplete="off">
          <i class="fa fa-cog"></i>
        </label>

      </div>
</div>