Question

您好我在我的素材模板中创建了单选按钮但是我无法在同一行上获得标签和单选按钮为什么有什么问题可以有人建议我

{{1}}

Answer 1

我认为<div class="form-check">没有帮助你实现你想要的目标

编辑小提琴： https://jsfiddle.net/wb8vpbc3/11/

       <section id="wrapper">
  <div class="login-register" style="background-image:url(../assets/images/background/login-register.jpg);">
    <div class="col-10"  style="margin:0 auto; top:0px;">
      <div class="card company">
        <div class="row">
          <div class="col-12">
            <a href="javascript:void(0)" class="text-info pull-right">skip</a>
          </div>
        </div>
        <div class="card-body">
          <div class="text-center">
            <h4 class="card-title text-info">Tell us more about your Company</h4>
          </div>

          <form class="m-t-40">

            <div class="row floating-labels">
              <div class="col-4">
                <div class="form-group m-b-40">
                  <input type="text" class="form-control" id="input5">
                  <span class="bar"></span>
                  <label for="input5">Phone Number</label>
                </div>
              </div>

              <div class="col-4">
                <div class="form-group m-b-40">
                  <input type="text" class="form-control" id="input6">
                  <span class="bar"></span>
                  <label for="input6">Ext</label>
                </div>
              </div>

               <div class="col-4">
                <div class="form-group m-b-40">
                  <a href="javascript:void(0)" class="btn btn-success">+</a>
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-12">
                <label class="">Employees   </label>
                  <label class="custom-control custom-radio">
                    <input id="radio1" name="radio" type="radio" checked class="custom-control-input">
                    <span class="custom-control-indicator"></span>
                    <span class="custom-control-description"> 0 - 50</span>
                  </label>
                  <label class="custom-control custom-radio">
                    <input id="radio2" name="radio" type="radio" class="custom-control-input">
                    <span class="custom-control-indicator"></span>
                    <span class="custom-control-description">50 - 100</span>
                  </label>
                  <label class="custom-control custom-radio">
                    <input id="radio3" name="radio" type="radio" class="custom-control-input">
                    <span class="custom-control-indicator"></span>
                    <span class="custom-control-description">100 - 250</span>
                  </label>
                  <label class="custom-control custom-radio">
                    <input id="radio4" name="radio" type="radio" class="custom-control-input">
                    <span class="custom-control-indicator"></span>
                    <span class="custom-control-description">250 - 500</span>
                  </label>
                  <label class="custom-control custom-radio">
                    <input id="radio5" name="radio" type="radio" class="custom-control-input">
                    <span class="custom-control-indicator"></span>
                    <span class="custom-control-description">500 - 1000</span>
                  </label>
                  <label class="custom-control custom-radio">
                    <input id="radio6" name="radio" type="radio" class="custom-control-input">
                    <span class="custom-control-indicator"></span>
                    <span class="custom-control-description">above 1000</span>
                  </label>
                </div>
              </div>
          </form>
        </div>
      </div>

    </div>
  </div>

</section>

如何在bootstrap中的输入之间给出空间

1 个答案: