Ciao a tutti,
ho problemi con il popover di Twitter bootstrap.
http://twitter.github.com/bootstrap/....html#popovers
Uso ASP.net Visual Studio 2005.
Ho scaricato il paccheto "twitter-bootstrap-v2.2.0-2-g3b3dd3a" che dovrebbe essere il più recente, con tutti i riferimenti.
Poi ho creato una semplice pagina html con il seguente codice (è un esempio preso dal web):
Il problema sta nel fatto che i pulsanti non appaiono formattati in modo corretto se visualizzati con IE9, il tutto invece funziona con Chrome.codice:<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Twitter Bootstrap Popover with placement option Example</title> <meta name="description" content="Creating Modal Window with Twitter Bootstrap"> <link href="twitter-bootstrap/docs/assets/css/bootstrap.css" rel="stylesheet"> <style> a { margin-left : 400px; } </style> </head> <body> <div class="container"> <h2>Example of creating Popover with Twitter Bootstrap with placement option</h2> <div class="well"> hover for popover </div> <div class="well"> hover for popover </div> <div class="well"> hover for popover </div> <div class="well"> hover for popover </div> </div> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="twitter-bootstrap/js/bootstrap-tooltip.js"></script> <script type="text/javascript" src="twitter-bootstrap/js/bootstrap-popover.js"></script> <script type="text/javascript"> $(function () { $("#example").popover(); $("#example_left").popover({placement:'left'}); $("#example_top").popover({placement:'top'}); $("#example_bottom").popover({placement:'bottom'}); }); </script> </body> </html>
Per capirci, questa è la schermata corretta di Chrome:
Questa invece è la schermata errata con IE9:
Ho fatto tante prove, provando a modificare bootstrap.css.. ma non sono riuscita a risolvere.. qualcuno può aiutarmi? Sono disperata![]()
Tra l'altro se apro i link su web con gli esempi del popover (tipo questo http://twitter.github.com/bootstrap/....html#popovers) non mi dà nessun problema, la formattazione è corretta anche se uso IE9.
Dove sbaglio?
Grazie..