twitter-bootstrap – bootstrap popover

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – bootstrap popover前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我不知道boostrap如何实现popover。
我已经包括bootstrap.js,它有一个名为Popover(大写字母P)的函数,但在他们的例子中,他们使用:
$('#example').popover(options)

现在,他们说它需要包括工具提示,但我不知道这是什么意思。
他们的例子都包括一堆.js文件,我认为在现实中,他们都包装在一起。

因为我在概念验证阶段,我试图让它第一次正确工作,我不关心文件大小或缓存。

解决方法

Here’s a pretty simple example
<html> 
   <head>
       <link href="http://w3resource.com/twitter-bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap.css" rel="stylesheet"> 
   </head>
   <body>
      <div class="container">
         <div class="well">
            <a href="#" id="example" class="btn btn-success" rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a>
         </div>
      </div>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
      <script src="http://w3resource.com/twitter-bootstrap/twitter-bootstrap-v2/js/bootstrap-tooltip.js"></script>
      <script src="http://w3resource.com/twitter-bootstrap/twitter-bootstrap-v2/js/bootstrap-popover.js"></script>
      <script>
      $(function (){
         $("#example").popover();
      });
      </script>
   </body>
</html>

该示例包含您还需要的工具提示JavaScript。只需查看页面的源代码

原文链接:https://www.f2er.com/bootstrap/234490.html

猜你在找的Bootstrap相关文章