Bootstrap3 是否适用于 Firefox v25.0.1 和 AngularJS？ FireFox 不显示表格答案

【问题标题】：Does Bootstrap3 work with Firefox v25.0.1 and AngularJS? FireFox not displaying tableBootstrap3 是否适用于 Firefox v25.0.1 和 AngularJS？ FireFox 不显示表格
【发布时间】：2014-01-07 02:24:27
【问题描述】：

我正在运行 AngularJS 1.2.3 和 Bootstrap3 来创建一个简单的任务列表应用程序。代码和 Bootstrap3 CSS 可以在任何地方运行（IE11.x、Chrome v31.0.1650.63 m、Opera v18.0.1284.63），除了 FireFox 25.0.1

如果我通过添加到 bootstrap3 的链接

<link href="3rdPartyLibs/bootstrap3/css/bootstrap.min.css" rel="stylesheet">

然后当 AngularJS ng-repeat 运行以创建表格行时，FireFox v25.0.1 不会呈现表格标题或行并将它们显示给用户但是，如果您查看源代码，它们正在被创建.

这是页面的图像和源图像： 应该如下所示：

FireFox 显示此 （注意没有行）：

在 FireFox 中，如果我多次单击 [添加新任务] 按钮，它实际上会按照我的预期改变 DOM（向表中添加行），但它不会向用户显示。然而，源被改变了——行被添加到表中——源看起来像这样： 引用 Bootstrap2 使其工作

我要做的就是通过将链接更改为 : 来在我的机器上引用 Bootstrap2（我在本地都有）：（注意 bootstrap 目录中没有 3。

<link href="3rdPartyLibs/bootstrap/css/bootstrap.min.css" rel="stylesheet">

在我这样做之后，它也可以在 FireFox 中运行，看起来像：

bootstrap3 可以在 FireFox 中工作吗？我必须做一些特殊的初始化吗？ Bootstrap3 还没有准备好迎接黄金时段，还是 FireFox？

【问题讨论】：

标签： angularjs twitter-bootstrap firefox dom html-table

【解决方案1】：

在尝试转换为 Bootstrap2 时想通了

我决定将它转换为与 Bootstrap2 一起使用，因为这意味着所有浏览器都可以使用。这样做时，我发现如果我只是在我的表中添加一个包装器，那么它可以解决问题。以下是我所拥有和所做的总结：

***注意：**如果你看到未闭合的标签，那就是 bec。这是一个摘要，请不要试图告诉我我需要关闭这些标签。它是真实的有效 HTML。谢谢。*

我有

<html>
  <div>
     <button1>
     <button2>...
  </div>
  <table>
       <thead>
              <th> 
       </thead>
       <tbody>
            <tr ng-repeat="t in allTasks"
       </tbody>
  </table>
</html>

我只是将我的表格包裹在另一个 div 中，现在它可以在 FireFox 中使用。看起来像这样：

<html>
  <div>
     <button1>
     <button2>...
  </div>
  <div>
    <table>
         <thead>
                <th> 
         </thead>
         <tbody>
              <tr ng-repeat="t in allTasks"
         </tbody>
    </table>
  </div>
</html>

现在看起来应该在 FireFox 中

【讨论】：