bootstrap標準のポップオーバーはボタンのクリックで表示/非表示が切り替わるようになっていますが、 iPadのポップオーバーみたいに外側をクリックすると閉じてくれた方が親切な気がします。 その場合、以下のようにtriggerをmanualにして、クリックイベントでポップオーバーのshow/hideを切り替えます。 $("#show-popup").popover({ placement: 'right', title: 'title', content: 'hogehoge', trigger: 'manual' }); $('#show-popup').click(function(evt) { evt.stopPropagation(); $(this).popover('show'); }); $('.popover').live('click', function(evt)