<div class="row"> <div class="col-lg-6"></div> <div class="col-lg-2"></div> <div class="col-lg-4"> <div class="input-group" > <input type="text" id="search" class="form-control input-lg" placeholder="请输入你要检索的名字..."> <span class="input-group-addon btn btn-mint" onclick="search()">搜索</span> </div> </div> </div>这段代码的input-group-addon btn btn-mint和input-group在检查时居中长度可变的，但在预览html页面时却靠左切长度固定

这可能是因为你在代码中没有为input-group和input-group-addon设置样式。你可以尝试在CSS中设置这些元素的样式，例如：

.input-group {
  display: flex;
  justify-content: center;
  align-items: center;
}

.input-group-addon {
  width: 100px; /* 你可以根据需要设置宽度 */
  text-align: center;
}

这样可以将input-group和input-group-addon居中，并且input-group-addon的宽度会固定。你可以根据自己的需要进行调整。