javascript - Bootstrap HTML 和 JS 中的按钮

Question

我想要一个按钮，您可以将鼠标悬停在该按钮上并显示文本。到目前为止，这是我的代码。

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."> 
    Popover on bottom 
</button>`

我访问了很多网站，它们都有类似的按钮代码。我正在使用 Bootstrap 。我只是想不通为什么该代码不起作用。

这是我如何导入 bootstrap 的 .js 文件的代码

 <script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap.js"></script>

我是不是做错了什么？所有网站都说同样的话，但我只是得到一个不显示任何文本的漂亮按钮

Answer 1

您必须激活它并添加 Jquery。你也不需要 .min.is 和 .js :

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." id="example"> Popover on bottom </button>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>$('#example').popover()</script>