bootstrap popover

La versión de bootstrap.JS que está incluido en la descarga que se encuentra en la página principal del proyecto ya incluye todos los plugins compilados en él. Eso incluye bootstrap-tooltip.JS y bootstrap-popover.JS .

Popover es el objeto constructor del plugin jQuery, pero no debería ser necesario instanciar eso directamente.

El plugin extenderá jQuery, añadiendo el método $.fn.popover() que al ser llamado creará una instancia de un objeto Popover y lo adjuntará al elemento seleccionado. Ese objeto puede ser accedido en tu elemento (digamos, id="elem" ) usando $('#elem').data('popover') .

Aquí hay una simple JSFiddle que demuestra una forma de crear un popup, básicamente usando lo que tenías en la OP, $('#elem').popover() .

Actualizar: JSFiddle with Bootstrap v.3

¿Por qué el popover y los tooltip no funcionan en el bootsrap?

La respuesta es el código de inicialización de popover o tooltip $("#myButton").popover(); debe ser colocado bajo <script src="js/jquery-1.10.1.min.js"></script>; y <script src="js/bootstrap.min.js"></script> .

Como el siguiente procedimiento. Creo que estará bien.

<button type="button" id="myPopover" class="btn btn-default" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-original-title="" title="">
      Popover on Right
</button>

<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>

<script type="text/javascript">
      $('#myButton').tooltip();
      $('#myPopover').popover();
</script>