CODE：
/usr/share/wordpress/wp-content/plugins我制作了一些具有jQuery UI的代码 - 在Bootstrap下拉列表中自动完成。
当我运行它时，搜索栏（在本例中为input-＃tags）放在下拉菜单中，但/var/lib/wordpress/wp-content/plugins结果显示在下拉菜单本身之外。
问题：如何将精美的<body>
<div class="container">
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">dumped_li</a></li>
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags">
</div>
</ul>
</div>
</div>
</body>
<script>
$( function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
];
$( "#tags" ).autocomplete({
source: availableTags
});
} );
</script>
结果放入下拉菜单中，如输入元素（autocomplish()）？
编辑：
我读了这篇stackoverflow帖子：https://stackoverflow.com/a/7944662/6736285 我发现使用Bootstrap之间存在差异。
看， 如果我使用bootstrap： jsfiddle：http://jsfiddle.net/uMqyn/912/
CODE：
autocomplish()正如你在jsfiddle中看到的那样，它的效果就好像结果不在另一个。
但是我删除了bootstrap，它运行良好。
您可以看到bootstrap已删除版本jsfiddle：http://jsfiddle.net/uMqyn/913/
所以，
问题1：为什么bootstrap会出现这种情况？
问题2：即使我使用bootstrap，如何才能让它在显示结果方面做得很好？
答案 0 :(得分：2)
AFAIK你可能遇到了一些兼容性问题（我不确定，但如果我处在你的位置，我可能会抛弃jquery ui - 它还没有更新，而且很旧 - 可能不会与bootstrap css非常兼容。
来自https://jqueryui.com/
看来jquery v1.12.1只与jQuery 1.7+兼容
jQuery UI v1.12.1
jQuery 1.7+
从您的示例（http://jsfiddle.net/uMqyn/912/）中，您尝试将jquery-ui 1.12.1与jquery 3.2.1一起使用。
http://jsfiddle.net/sudarpochong/uMqyn/914/
http://jsfiddle.net/sudarpochong/uMqyn/916/
如果您注意到，上面的两个链接（有和没有引导程序）都会产生与您在小提琴中所期望的相似的结果http://jsfiddle.net/uMqyn/913/
<强> P.S。
jsfiddle --> external resources如何包含bootstrap js和css。