【问题标题】:How use Twitter bootstrap script separately on my project?如何在我的项目中单独使用 Twitter 引导脚本?
【发布时间】:2012-12-06 07:21:48
【问题描述】:
如何在我的项目中使用 Twitter Bootstrap 脚本(如 scrollspy 、affix ...)而不包含所有 bootstarp CSS 和 JS。我尝试使用 scrollspy.js,但在所有示例中,它们都包含完整的 bootstrap.css 并且更改了我的模板,并且事件脚本不起作用! (始终选择最后一个导航栏元素。)
有什么明确的解决办法吗?
【问题讨论】:
标签:
javascript
jquery
css
twitter-bootstrap
【解决方案1】:
在动画、过渡和其他效果方面,Twitter Bootstrap 与 css 结合得非常紧密。但是 JS 文件本身应该适用于大多数情况,因为它们以类或数据属性为目标。只需在没有 CSS 文件的情况下包含 JS 文件并添加与您的项目一起使用所需的类,您应该可以在没有引导样式的情况下获得所需的功能。
【解决方案2】:
您至少需要包含 jquery.js 才能使 Bootstrap 插件正常工作。您还可以仅包含引导 CSS 的某些部分。下载 git 会给你几十个单独的 .less 文件。在您的情况下,您可以简单地获取 variables.less 和 scrollspy.less 并仅使用您实际需要的那些部分创建您的 CSS 文件。