我正在使用 Bootstrap 3 设计页面。我正在尝试placement: right在输入元素上使用弹出框。新的 Bootstrap
确保如果你使用form-control你基本上有一个全角输入元素。

HTML 代码如下所示：

<div class="row">
    <div class="col-md-6">
        <label for="name">Name:</label>
        <input id="name" class="form-control" type="text" 
                         data-toggle="popover" data-trigger="hover" 
                         data-content="My popover content.My popover content.My popover content.My popover content." />
    </div>
</div>

在我看来，popovers 的宽度太低了，因为它们在 div 中没有任何宽度。我想要左侧的输入表单，右侧的宽弹出框。

大多数情况下，我正在寻找一种无需覆盖 Bootstrap 的解决方案。

附加的 JsFiddle。第二个输入选项。没有经常使用 jsfiddle 所以不知道，但是尝试增加输出框的大小以查看结果，在较小的屏幕上甚至看不到它。
http://jsfiddle.net/Rqx8T/