0

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

我在使复选框工作时遇到问题。当我将代码从 Bootstrap-Material 站点复制到我的项目时，大多数功能都可以工作，但标签“复选框”旁边没有出现框。而不是看起来像

材料检查

看起来像

复选框材质

我一直在浏览Bootstrap-Materialcss上的源代码，并且我已经导入了js它们所有的源代码。

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

关于这个盒子来自哪里的任何想法？

4

1 回答 1

2

要检查的两件事：

1：您是否正在呼吁$.material.init()积极的材料设计。
2：在 Bootstrap v3.0+ 文件之前，您的 CSS 文件是否与 Material Design 堆叠在一起。
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>

于 2015-08-03T09:21:57.970 回答