Css 引导工具提示默认样式不正确？

我尝试在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>

$（文档）.ready（函数（）{
$（“[数据切换=工具提示]”）。工具提示（）；
});
全部1

工具提示为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">   

“有时有必要将引导插件与其他UI框架一起使用。在这种情况下，偶尔会发生命名空间冲突。如果发生这种情况，您可以对要还原其值的插件调用

.noConflict

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

"

---

从

看，它似乎在这里起作用：的确如此！我在我的中发现了这一点，这与它相冲突：不过我确实需要UI javascript。知道为什么会有冲突吗？可能是因为它们都使用相同的

.tooltip（）

方法。所以如果我想要一个日期选择器，我应该使用另一个？