【问题标题】:Does BootstrapUI fully support original functionality of Bootstrap?BootstrapUI 是否完全支持 Bootstrap 的原始功能?
【发布时间】:2017-08-30 09:27:30
【问题描述】:

我是引导框架的新手,但我已经希望能够使用 AngularJS 而不是引导框提供的 jQuery。 BootstrapUI 的文档看起来很简单,我可以简单地从 github 下载代码并将其包含在我的 Django 项目中。

我不太清楚,也许我在某处的文档中错过了这一点,但这是否旨在完全替换引导程序的 javascript 组件?例如,在引导示例中通过 CDN 交付的许多 JS 库似乎使站点浏览器独立。例如,在 jumbotron 示例中,我看到以下代码:

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="' + {% static 'bootstrap/docs/assets/js/vendor/jquery.min.js'%} + '"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"
        integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous">
</script>
<script src="{% static 'bootstrap/dist/js/bootstrap.min.js' %}"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="{% static 'bootstrap/docs/assets/js/ie10-viewport-bug-workaround.js' %}"></script>

对于 BootstrapUI,这是我取出还是留下的东西?为了在引导程序驱动的站点中使用 Angular 而不是 jQuery,我需要执行哪些确切的步骤?文档并没有真正涵盖这一点。如果我遗漏了什么,请指出正确的地方。

【问题讨论】:

    标签: angularjs twitter-bootstrap bootstrap-ui


    【解决方案1】:

    UI-Bootstrap 基本上包含一堆 Bootstrap 组件,其中原始的 JavaScript/jQuery 已被重写并包装在 AngularJS 指令中,可以轻松地放入您的应用程序中。

    根据文档,

    此存储库包含一组基于 Bootstrap 标记和 CSS 的原生 AngularJS 指令。 因此不需要依赖 jQuery 或 Bootstrap 的 JavaScript

    【讨论】:

    • 好的。我明白。但具体怎么做?例如,哪些指令替换了我发布的浏览器特定代码?这是我理解的缺失环节
    • @Matt1776 -- 我不完全确定您在问什么,但正如我所说,您不需要包含在代码 sn-p 中的任何脚本。您只需添加对 UI-Bootstrap 的脚本引用(通过 CDN、Bower、NPM、Yarn 等),然后将“ui.bootstrap”注入您的应用程序。
    • 那么如果我理解正确的话,引导程序附带的所有浏览器特定的JS都是由那一行代码自动实现的?这对我来说并不明显。但如果是这样的话,那真是太棒了!
    • 本,我到底在干什么?我现在已经使用引导程序大约 6 个月了,这些 cmets 现在对我来说似乎很疯狂 - 我肯定很困惑。您只需放入替换 bootstrapJS 的 bootstrap-ui 库就可以了
    • @Matt1776 在这么短的时间内知识发生了如此大的变化真是令人惊讶:)
    猜你喜欢
    • 2020-08-04
    • 1970-01-01
    • 2014-04-20
    • 2017-05-31
    • 1970-01-01
    • 1970-01-01
    • 2022-07-19
    • 2018-09-21
    • 2013-09-16
    相关资源
    最近更新 更多