Estou projetando uma página usando o Bootstrap 3. Estou tentando usar um popover com placement: right
um elemento de entrada. O novo Bootstrap garante que, se você usar, form-control
tenha basicamente um elemento de entrada de largura total.
O código HTML é mais ou menos assim:
<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>
A largura dos popovers é muito baixa, na minha opinião, porque não há nenhuma largura restante na div. Quero o formulário de entrada no lado esquerdo e um amplo popover no lado direito.
Principalmente, estou procurando uma solução em que não precise substituir o Bootstrap.
O JsFiddle em anexo. A segunda opção de entrada. Não usei muito o jsfiddle, então não sei, mas tente aumentar o tamanho da caixa de saída para ver os resultados, em telas menores nem o veríamos. http://jsfiddle.net/Rqx8T/