ポップオーバーブートストラップでhtml div要素を水平に揃える方法は？

Question

私はブートストラップ3を使用しています。ポップオーバーで2つのdiv要素を水平に揃えたいのですが、プロパティを設定するスタイルを適用する正確なクラスはわかりません。display: inline-block;どのようなアイデアをどのように達成することができますか？ 私は別のdivでそれらをラップして、このプロパティを親のdivにinline-blockに設定しましたが、うまくいきませんでした。

$('#tag-input').popover({ 
      container: 'body', 
      trigger: "manual", 
      html: "true", 
      animation: true, 
      content: "<div>First row</div><div>Second row</div>" 
     }); 

Answer 1

単にclass="row"でdivの中で2つのdivをラップします。次に、それぞれにclass="col-xs-6"を追加すると、それぞれがポップオーバーの幅の50％を占めます。あなたのresponeseため

Demo Here

$('#tag-input').popover({ 
    container: 'body', 
    trigger: "hover", 
    position: "bottom", 
    html: "true", 
    animation: true, 
    content: "<div class='row'><div class='col-xs-6'>First row</div><div class='col-xs-6'>Second row</div></div>" 
});