Question

有人可以在此代码中向我显示错误吗？我一遍又一遍地检查文件结构似乎没问题，无论如何，在网络选项卡中我只收到警告“显示临时标题”但似乎提取了文件。

虽然我制作了3个柱子，但我可以看到它们一个在另一个容器的整个宽度下。按钮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>

Answer 1

嗯，我也在你的代码中找不到任何错误， bootraps文件（bootstrap.js，css ..）可以吗？我会尝试下载最新的Bootsraps并再试一次。

Answer 2

你应该看到什么：

What you should see

您的代码：

<link href="css/bootstrap.css" rel="stylesheet" media="screen">

修正：

<link href="css/bootstrap.css" rel="stylesheet" type="text/css">

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

Answer 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>

你可以在这里查看： http://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=grid-layout-for-medium-devices

Answer 4

你需要包含bootstrap.min.js文件而不是bootstrap.js！

例如：

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

另外，请检查您的文件夹是否包含文件。

在这里阅读： http://getbootstrap.com/getting-started/

亲切的问候，约什

Bootstrap不工作 - 哪里出错？

4 个答案:

您的代码：

修正：