Bootstrap 4组件仅适用于css(没有Jquery,Tether)

时间:2016-09-16 06:38:53

标签: twitter-bootstrap-4 bootstrap-4

我以前只使用了带有角度2的bootstrap 3 css,这个应用程序不需要jquery依赖的bootstrap组件,如模态,轮播等。

我现在正在考虑使用带有Angular 2的bootstrap 4并查看了引导程序4 documentation,但仍然混淆了什么组件依赖于jquery和/或tether.js以及如果我单独包含css,哪些组件可以工作。任何帮助将不胜感激!

2 个答案:

答案 0 :(得分:0)

当前的Alpha(6)有3套CSS。

  • bootstrap-reboot - 仅定义Html标准代码
  • bootstrap-grid - 定义移动电网系统,例如.container& .col-x-x
  • bootstrap - 完整版

一般来说,上面的前两个不需要JS依赖。

如果你想深入挖掘,那么快速查看bootstrap.scss源代码就会单独列出JS依赖项。因此,非JS依赖组件是:

核心CSS

  • 重新启动
  • 图像
  • 形式
  • 按钮

<强>零件

  • 转换
  • 下拉
  • 按钮组
  • 输入组
  • 定制表单
  • NAV
  • 导航栏
  • 面包屑
  • 分页
  • 徽章
  • 超大屏幕
  • 警报
  • 进步
  • 媒体
  • 列表的基团
  • 响应-嵌入
  • 靠近

其他

  • 打印

答案 1 :(得分:0)

或者,从4.4开始,only components that require JavaScript

  • 解雇警告
  • 用于切换状态和复选框/无线电功能的按钮
  • 所有幻灯片行为,控件和指标的轮播
  • 折叠内容的可见性
  • 用于显示和定位的下拉列表(也需要Popper.js)
  • 用于显示,定位和滚动行为的模块
  • 导航栏,用于扩展我们的Collapse插件以实现响应行为
  • 用于显示和定位的工具提示和弹出窗口(也需要Popper.js)
  • Scrollspy以获取滚动行为和导航更新