Question

我在Bootstrap中尝试了一个非常简单的工具提示集成，但得到了一些奇怪的结果：

<script type="text/javascript">
$(document).ready(function(){           
    $("[data-toggle=tooltip]").tooltip();

});
</script>

<select title="Tooltip on top" data-placement="top" data-toggle="tooltip" id="purchaseddate1-day" name="purchaseddate1-day" class="form-control"><option value="">All</option><option value="1">1</option></select>

工具提示是屏幕宽度的100％，灰色背景和元素上方。为什么它不是那么小，光滑，黑色以及如上所述？

我包含标准的js和css：

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/js/bootstrap.min.js"></script>
<link href="/css/bootstrap.min.css" rel="stylesheet">

Answer 1

＆＃34;有时需要将Bootstrap插件与其他UI框架一起使用。在这些情况下，偶尔会发生命名空间冲突。如果发生这种情况，您可以在要恢复其值的插件上调用.noConflict。

var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
$.fn.bootstrapBtn = bootstrapButton            // give $().bootstrapBtn the Bootstrap functionality

＆＃34;

来自bootstrap docs

Bootstrap Tooltip默认样式不对吗？

1 个答案: