Javascript 引导程序不工作-何处';错在哪里?

Javascript 引导程序不工作-何处';错在哪里?,javascript,html,css,twitter-bootstrap,twitter-bootstrap-3,Javascript,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,有人能告诉我这个代码中的错误吗?我一次又一次地检查了文件结构,看起来还可以,不管怎样,在网络选项卡中,我只得到一个警告“显示了临时标题”,但似乎文件已被提取 发生的事情是,虽然我做了3个Collumn,但我可以看到它们一个接一个,整个容器的宽度。按钮css似乎正在工作 <!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name

有人能告诉我这个代码中的错误吗?我一次又一次地检查了文件结构,看起来还可以,不管怎样,在网络选项卡中,我只得到一个警告“显示了临时标题”,但似乎文件已被提取

发生的事情是,虽然我做了3个Collumn,但我可以看到它们一个接一个,整个容器的宽度。按钮css似乎正在工作

<!DOCTYPE html>
<html>
<head>
  <title>Bootstrap 101 Template</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Bootstrap -->
  <link href="css/bootstrap.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="container">
  <div class="row">
    <div class="col-md-4">
                fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf safd fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf safd fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf safd
    </div>
    <div class="col-md-4">
                fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf safd fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf safd fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf safd
    </div>
    <div class="col-md-4">
                fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf safd fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf safd fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf safd
    </div>
    <button class='btn btn-default'>fdsfds</button>
</div>
</div>

  <script src="js/jquery-2.1.1.min.js"></script>
  <script src="js/bootstrap.js"></script>
</body>
</html>

引导101模板
fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf saf fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf saf fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf safd
fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf saf fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf saf fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf safd
fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf saf fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf saf fdsf fds lkj ah soij saklmds a;sldj nas.d iashd aslkdm aosifh saf safd
fdsfds

嗯,我在你的代码中也找不到任何错误, 引导程序文件(bootstrap.js、css..)是否正常??
我会尝试下载最新的引导程序并重试。

嗯,我也找不到您代码中的任何错误, 引导程序文件(bootstrap.js、css..)是否正常??
我会尝试下载最新的引导程序并重试。

嗯,我也找不到您代码中的任何错误, 引导程序文件(bootstrap.js、css..)是否正常??
我会尝试下载最新的引导程序并重试。

嗯,我也找不到您代码中的任何错误, 引导程序文件(bootstrap.js、css..)是否正常??
我会尝试下载最新的引导程序并重试。

是否尝试将您的按钮放在其中一列?sor exampel col-md-12

试试这个:

  <div class="container">
    <div class="row">
        <div class="col-sm-4"><p>Box 1</p></div>
        <div class="col-sm-4"><p>Box 2</p></div>
        <div class="col-sm-4"><p>Box 3</p></div>
    </div>
  </div>

方框1

方框2

方框3

您可以在这里查看:
是否尝试将您的按钮放在其中一列?sor exampel col-md-12

试试这个:

  <div class="container">
    <div class="row">
        <div class="col-sm-4"><p>Box 1</p></div>
        <div class="col-sm-4"><p>Box 2</p></div>
        <div class="col-sm-4"><p>Box 3</p></div>
    </div>
  </div>

方框1

方框2

方框3

您可以在这里查看:
是否尝试将您的按钮放在其中一列?sor exampel col-md-12

试试这个:

  <div class="container">
    <div class="row">
        <div class="col-sm-4"><p>Box 1</p></div>
        <div class="col-sm-4"><p>Box 2</p></div>
        <div class="col-sm-4"><p>Box 3</p></div>
    </div>
  </div>

方框1

方框2

方框3

您可以在这里查看:
是否尝试将您的按钮放在其中一列?sor exampel col-md-12

试试这个:

  <div class="container">
    <div class="row">
        <div class="col-sm-4"><p>Box 1</p></div>
        <div class="col-sm-4"><p>Box 2</p></div>
        <div class="col-sm-4"><p>Box 3</p></div>
    </div>
  </div>

方框1

方框2

方框3

您可以在这里查看:

您需要包含bootstrap.min.js文件,而不是bootstrap.js

例如:

<script src="js/bootstrap.min.js"></script>

此外,请检查文件夹是否正确包含这些文件

请看这里:

亲切问候,,
Josh

您需要包含bootstrap.min.js文件,而不是bootstrap.js

例如:

<script src="js/bootstrap.min.js"></script>

此外,请检查文件夹是否正确包含这些文件

请看这里:

亲切问候,,
Josh

您需要包含bootstrap.min.js文件,而不是bootstrap.js

例如:

<script src="js/bootstrap.min.js"></script>

此外,请检查文件夹是否正确包含这些文件

请看这里:

亲切问候,,
Josh

您需要包含bootstrap.min.js文件,而不是bootstrap.js

例如:

<script src="js/bootstrap.min.js"></script>

此外,请检查文件夹是否正确包含这些文件

请看这里:

亲切问候,, Josh

您应该看到的内容:

您的代码:

修正:

您没有向浏览器声明
.css
确实是一个样式表(对于较旧的浏览器)。此外,您不需要使用
media=“screen”
。在新的HTML5中,您也可以删除
type=“text/css”
,但为了安全起见,我会在今年(2014年)将其保留在那里。

您应该看到的内容:

您的代码:

修正:

您没有向浏览器声明
.css
确实是一个样式表(对于较旧的浏览器)。此外,您不需要使用
media=“screen”
。在新的HTML5中,您也可以删除
type=“text/css”
,但为了安全起见,我会在今年(2014年)将其保留在那里。

您应该看到的内容:

您的代码:

修正:

您没有向浏览器声明
.css
确实是一个样式表(对于较旧的浏览器)。此外,您不需要使用
media=“screen”
。在新的HTML5中,您也可以删除
type=“text/css”
,但为了安全起见,我会在今年(2014年)将其保留在那里。

您应该看到的内容:

您的代码:

修正:


您没有向浏览器声明
.css
确实是一个样式表(对于较旧的浏览器)。此外,您不需要使用
media=“screen”
。在新的HTML5中,您也可以删除
type=“text/css”
,但为了安全起见,我会在今年(2014年)将其保留在那里。

我刚刚下载了全新的引导程序,清除了缓存,检查了控制台的错误。。。没什么,我不敢相信。不知何故,我下载的“全新引导”不是3.0版本,因此它没有用于collumns的样式(仅用于span)。我认为你的回答是正确的,谢谢!我刚刚下载了全新的引导程序,清除了缓存,检查了控制台的错误。。。没什么,我不敢相信。不知何故,我下载的“全新引导”不是3.0版本,因此它没有用于collumns的样式(仅用于span)。我认为你的回答是正确的,谢谢!我刚刚下载了全新的引导程序,清除了缓存,检查了控制台的错误。。。没什么,我不敢相信。不知何故,我下载的“全新引导”不是3.0版本,因此它没有样式f