添加bootsrap输入组类时缺少输入框边框

Question

当我将输入组类添加到文本框中时，该文本框周围的边框消失了。如果我删除该类，则文本框可以正常工作。

<div class="container-fluid">
     <div class="row">
         <div class="col-sm-4">
            <div class="input-group">
               <input type="text" class="form-control" />
                  <div class="input-group-append">
                    <span class="input-group-text">Find</span>
                   </div>
                  </div>
            </div>
         </div>
     </div>

Answer 1

我只添加了输入组中的按钮div，现在它可以正常工作了，不知道出了什么问题。

    <div class="container-fluid">
            <div class="row">
                <div class="col-sm-4">
                    <div class="input-group">
                       <input type="text" class="form-control" />
                        <div class="input-group-append"><span class="input-group-text">X</span></div>
                        <div class="col-sm-2">
                            <input class="btn" type="submit" value="Find" />
                        </div>
                    </div>
              </div>
         </div>
    </div>