title: UI Bootstrap Popover: change width
body: <p>I'm trying to use the popovers from UI Bootstrap in AngularJS:
  <a href="http://angular-ui.github.io/bootstrap/#/popover" rel="noreferrer">http://angular-ui.github.io/bootstrap/#/popover</a></p>
  
  <pre><code>&lt;i class="fa fa-question-circle" popover="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta libero tincidunt, malesuada tellus vitae, dapibus ex. Ut tristique tristique eros." popover-trigger="mouseenter" popover-placement="right"&gt;&lt;/i&gt;
  </code></pre>
  
  <p>It gives me a popover like this:</p>
  
  <p><img src="https://i.stack.imgur.com/OeLbO.png" alt="enter image description here"></p>
  
  <p>How can I style change the width of this popover?</p>