表单输入反馈在Bootstrap中有一个按钮插件时位置错误

问题描述：

我已将反馈和按钮插件添加到表单中的输入字段。我的HTML如下：表单输入反馈在Bootstrap中有一个按钮插件时位置错误

<div class="form-group has-feedback"> 
    <label class="col-sm-4 control-label" for="authorization_id">AutorisationsID</label> 
    <div class="col-sm-4"> 
     <div class="input-group"> 
      <input name="authorization_id" class="form-control" type="text"> 
      <span class="glyphicon form-control-feedback"></span> 
      <span class="input-group-btn"> 
       <a href="#" id="authid-info-btn" tabindex="0" class="btn btn-info" role="button" data-position="auto right" data-container="body" data-toggle="popover" data-trigger="click" data-content="And here's some amazing content. It's very engaging. Right?"> 
        <span class="glyphicon glyphicon-question-sign"> 
       </a> 
      </span> 
     </div> 
    </div> 
    <div class="col-sm-4 control-label control-label-left-align"></div> 
</div>

这里是什么样子：

enter image description here

而且这是我希望它看起来像

enter image description here

的反馈是定位的当按钮插件存在时错误。我错过了什么或者Bootstrap不支持这种设计？

我不完全清楚你想要它看起来像什么...你想要左边的问号图标？就像我在nu-creative.com/contact.php上的表单一样？ – 2014-12-06 21:28:24

@FeiLauren我已经包含了一张我不想看起来像的图像 – 2014-12-06 21:34:35

您是否很习惯使用CSS？我需要一个实例来告诉你你需要什么 – 2014-12-06 21:44:08

答

我掴你的内容变成小提琴这里：http://jsfiddle.net/DTcHh/2459/

但我不知道如何让X上来。你有什么办法可以在小提琴中模仿吗？

它将会像

.redX { 
position: relative; 
left: -10px; 
}

或者可能是一个小的调整，以保证金或填充。这可能是很多事情，但可能是一个简单的ISH修复CSS。真实的例子是最好的。

表单输入反馈在Bootstrap中有一个按钮插件时位置错误

相关推荐