javascript - Bootstrap HTML 和 JS 中的按钮

标签 javascript html css twitter-bootstrap

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

<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>

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

最佳答案

您必须激活它并添加 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>

关于javascript - Bootstrap HTML 和 JS 中的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24108760/

相关文章:

javascript - 如何使用 javascript 和 jquery 分别从 html 元素获取值到特定的 html 元素字段

javascript - 浏览器兼容性错误

javascript - 将iOS滚动条编码为变通办法Bootstrap 4 Carousel错误:单击/点击会导致其他不必要的滑动

javascript - 使用 JavaScript 根据 JSON 文件开头的内容读取该行

javascript - SVG 污染 Canvas IE 安全错误 toDataURL

html - 文本区域对于页面来说太大

javascript - jquery 预览图像不起作用

javascript - 如何在悬停时出现/消失的情况下将第三级添加到我的CSS菜单

html - 位置 :absolute; not working

css - 停止 CSS3 关键帧动画