如何找出 bootstrap-material 的创建位置

Question

我正在尝试在我的网站中使用 Bootstrap-Material。

我在使复选框起作用时遇到问题。当我将代码从 Bootstrap-Material 站点复制到我的项目时，大部分功能都有效，但标签 "Checkbox" 旁边没有出现框。而不是看起来像

看起来像

我一直在浏览 Bootstrap-Material 上的源代码，并且我已经导入了他们拥有的所有 css 和 js。

令人困惑的是，我检查了 Bootstrap-Material page 的复选框上的元素，但我无法弄清楚 css 或 js 文件实际上是在创建复选框.它似乎不是来自图像文件，那么它是从哪里来的呢？也许如果我能弄清楚它是在哪里创建的，我就能弄清楚为什么我的项目没有渲染它。

关于这个盒子的来源有什么想法吗？

Answer 1

要检查两件事：

1: 你打电话给 $.material.init() 是为了激活 Material 设计。
2：你的CSS文件是否在Bootstrapv3.0+文件之前用Material设计堆叠
3: 您正在使用 jQuery 1.9.1+.

$.material.init()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.3.0/js/material.min.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/0.3.0/css/material.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">

  <h1 class="header">Checkbox</h1>

  <!-- Simple checkbox with label -->
  <div class="sample1">
    <div class="checkbox">
      <label>
        <input type="checkbox"> Notifications</label>
    </div>

  </div>


</div>

如何找出 bootstrap-material 的创建位置

How to find out where bootstrap-material is created

javascript

css

twitter-bootstrap

material-design

bootstrap-material-design