• 主页
  • bootstrap 4单选按钮与填充不一致

bootstrap 4单选按钮与填充不一致

我遇到了一个问题,Bootstrap 4自定义单选按钮与我的左侧填充不在一起。

如下所示:

?

?

以下是我用于打印项目的代码

<div class="p-4">
  <ul class="d-flex flex-column justify-content-between">
    <!-- Option One -->
    <li class="w-100 side">
      <div class="d-flex pl-0 custom-control custom-radio align-content-start">
        <div class="pt-3 pb-3 mr-2">
          <input id="option-1" type="radio" class="position-relative custom-control-input">
             <label for="option-1" class="custom-control-label">
             <span>Option One</span>
          </label>
        </div>
      </div>
    </li>

以及完整示例的代码:

https://codepen.io/Edon123/pen/LYPNbVv?editors=1100

如何让我的bootstrap input元素与填充对齐?

编辑:本质上,我的问题是单选按钮不受填充的影响,如图所示。我要用填充物按下单选按钮。

转载请注明出处:http://www.jxbyjx.net/article/20230512/1563735.html