title: how to dismiss bootstrap popover when either click again or click elsewhere
body: <p>I can use <code>data-trigger='focus'</code> to dismiss a popover when click outside, or <code>data-trigger='click'</code> when click the button again. But I can't have BOTH. That is, if I use <code>focus</code>, clicking the popover button won't do anything.</p>
  
  <p>I'd like to dismiss popover in either case, does anyone know a way to do this easily?</p>
  
  <p>I tried <code>data-trigger='focus click'</code>, but it doesn't work.</p>
  
  <p>EDIT: I don't think this is a duplicated question. Sure the solution in that question work for me. But the title of that question: <strong>"How to dismiss a Twitter Bootstrap popover by clicking outside"</strong> is misleading. If I just want dismiss the popover by clicking outside, I just need <code>data-trigger='focus'</code>, as said by bootstrap document: </p>
  
  <blockquote>
    <p>Use the focus trigger to dismiss popovers on the next click that the user makes.</p>
  </blockquote>
  
  <p>But as I explained, it won't work if you click the popover trigger again.</p>