Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/04/2012, 23:10
necbalaam
 
Fecha de Ingreso: abril-2012
Mensajes: 25
Antigüedad: 12 años
Puntos: 0
Sonrisa Como hacer Popovers en bootstrap

Precisamente estoy intentando crear un popover de bootstrap de la siguiente pagina:

Cita:
http://twitter.github.com/bootstrap/javascript.html#tooltips
dice que para que funcione el Popover tambien necesito incluir el Tooltip
ambos ya los descarge y los tengo llamados como funciones de javascript...

Código:
<!--Bootstrap opciones-->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap-tooltip.js">
$('#example').tooltip(options)
</script>

<script type="text/javascript" src="js/bootstrap-popover.js">
$('#example').popover(options)
</script>
le ingrese tambien el jquery para ver si funcionaba... y no funcionaba

utilizando el tutorial que aparece en esta pagina...

Cita:
http://www.genbetadev.com/desarrollo-web/disenando-tu-nuevo-proyecto-web-con-bootstrap-2-0-ii

intentando que funcione en el input de un formulario... de la siguiente manera:

Código:
<input type="text" name="nombre" id="nombre" rel="popover" 
    data-content="Escribe tu nombre completo para mantenernos en contacto" data-original-title="Nombre"/>

para que cuando me pase el mouse por el formulario me salga el popover...

mi pregunta es bootstrap me funciona en los botones y formularios pero no estoy usando el html5... uno antiguo que maneja el dreamweaver version 10 CS4... entonces me preguntaba sera porque no estoy usando el html5 que no me sale?...

si lo necesito me podrian decir donde descargarlo?...

si lo puedo usar sin html5 como lo intentaria utilizar para que funcione porque estaba leyendo que podria usarse asi:

Código:
<input type="text" name="nombre" id="nombre" rel="popover" 
    content="Escribe tu nombre completo para mantenernos en contacto" title="Nombre"/>
sin las funciones de data- pero tampoco me sale alguien podria ayudarme por favor ?



Cita:
Despues de varias horas encontre la solucion al mismo probablemente alguien buscara lo mismo que yo por lo mismo proporciono la pagina donde mi resultado fue exitoso: http://www.w3resource.com/twitter-bootstrap/popover-tutorial.php y muchas gracias por todo

Última edición por necbalaam; 14/04/2012 a las 15:25