基本引导程序示例

Question

出于某种原因，基本的预输入示例在我的任何Web服务器上均不起作用，但是我能够在这里使它正常工作-http: //jsfiddle.net/H4Qmh/12/

与jsfiddle上发布的代码相比，以下代码有任何区别或问题吗？ 您可以确认以下代码适合您吗？ （您只需输入h，i或s就可以看到结果）

<html>
<head>
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery.js" type="text/javascript"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js" type="text/javascript"></script>
</head>
<body>
<div class="well">
<input autocomplete="off" type="text" class="span3" data-provide="typeahead" data-items="4" placeholder="Type in letter h, i or s" data-source='["iPhone", "HTC", "Samsung"]' >
</div>
</body>
</html>

Answer 1

我刚刚用bootstrap typeahead js文件替换了bootstrap。 它开始运行。

https://github.com/biggora/bootstrap-ajax-typeahead/tree/master/src

Answer 2

<html>
<head>

    <!--    jquery-->
    <script src="https://code.jquery.com/jquery.js"></script>

    <!-- Bootstrap -->
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js"></script>
</head>
<body>
    <div class="well">
        <input autocomplete="off" type="text" class="span3" data-provide="typeahead" data-items="4" placeholder="type in letter h, i or s" data-source='["iPhone", "HTC", "Samsung"]'>
    </div>
</body>
</html>

您的bootstrap cdn链接返回的是HTML文件，而不是CSS文件。

基本引导程序示例

问题描述

2 个解决方案

解决方案1
2 已采纳 2017-05-14 18:22:32

解决方案2
1 2017-05-14 18:38:40

基本引导程序示例

问题描述

2 个解决方案

解决方案1 2 已采纳 2017-05-14 18:22:32

解决方案2 1 2017-05-14 18:38:40

解决方案1
2 已采纳 2017-05-14 18:22:32

解决方案2
1 2017-05-14 18:38:40